<video> 是 HTML5 中新增的標籤,可用於在網頁中嵌入視頻播放功能,無需 Flash 和其他嵌入外掛程式的支援。但是HTML5目前只有Firefox、Safari、Chrome、Opera、IE9以上支援。此外為了能夠播放視頻至少需要轉換成兩種視頻格式包括:h.264 (Safari / Chrome) 與 Ogg (Firefox / Opera) 。
本文介紹 6 款使用 HTML5 技術實現的線上多媒體播放器。
1. Open Standard Media (OSM ) Player
OSM Player是一個基於jQuery開發、開源的HTML5多媒體播放器。當瀏覽器不支援HTML5時,可以轉成Flash。提供播放清單,播放清單可以隱藏,可使用視訊全屏播放。
項目地址:http://www.mediafront.org/project/osmplayer
2. HTML5 Video & Js Library
Kaltura 是一款基於 Flash 技術的線上視頻編輯工具。除了具備同類工具的應用特性之外,最主要的,還是能支援多人協作編輯,這一點特性可能今後將會被更多的線上視頻編輯工具所使用。 此外,Kaltura 上處理的視頻媒體可以通過網頁內嵌代碼輸出到 Blog 或者個人網頁上。
項目地址:http://corp.kaltura.com/3. HTML5 Media
HTML5在音頻和視頻方面確實強大並便於使用,然而舊版本的瀏覽器並不支援,而且對於支援HTML5的瀏覽器在支援多媒體格式上也各不一樣。
html5media是一個JavaScript音頻/視頻播放器能夠讓每一個瀏覽器都能夠播放在HTML5多媒體標籤中定義的多媒體檔案。
對於不相容的瀏覽器,該播放將採用支援Flash的FlowPlayer播放器來代替。
項目地址:http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/
4. JW Player for HTML5
JW FLV MEDIA PLAYER是一個開源的在網頁上使用的Flash視頻、音頻以及圖片播放器,支援 Sliverlight 播放,可以通過一個XML檔案使播放器自動切換顯示一組圖片,並播放背景音樂。
項目地址:http://www.longtailvideo.com/players/5.LeanBack Player : With Subtitle Support
LeanBack Player是一個開源的HTML5視頻播放器,沒有依賴任何JavaScript架構。支援全屏播放,音量控制,在同一個頁面中播放多個視頻。 LeanBack Player相容大部分常用瀏覽器,當瀏覽器不支援HTML5時將自動切換成Flash版本的播放器。
項目地址:http://leanbackplayer.com/
6. Flare Video
Flare video 是一個開源的 HTML5 視頻播放器,會自動判斷瀏覽器是否支援 HTML5 ,如果不支援則使用 Flash 技術播放。Flare video 可通過 CSS/HTML/JS 進行功能和介面的定製,支援全屏播放。
項目地址:http://flarevideo.com/
英文原文:http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/