作為下一代的網頁語言，HTML5 擁有很多讓人期待已久的新特性，其中之一就是 video 標簽，讓開發者可以在網頁中和添加圖片一樣簡單的方式添加視頻。在這篇文章中，我收集了7個很棒的HTML5視頻播放器，你可以很容易的應用到你的網站中，文章最后還將與大家分享使用 CSS3 和 jQuery 開發一個自定義 HTML5 視頻播放器的教程。

　　作為下一代的網頁語言，HTML5 擁有很多讓人期待已久的新特性，其中之一就是 video 標簽，讓開發者可以在網頁中和添加圖片一樣簡單的方式添加視頻。在這篇文章中，我收集了7個很棒的HTML5視頻播放器，你可以很容易的應用到你的網站中，文章最后還將與大家分享使用 CSS3 和 jQuery 開發一個自定義 HTML5 視頻播放器的教程。

VideoJS

VideoJS 是最流行的 HTML5 視頻播放器，免費、開源，可使用 CSS 輕松定制皮膚，支持全屏，在不支持的瀏覽器自動切換為 Flash 播放。

SublimeVideo

SublimeVideo 是一個獨特的基于云概念的 HTML5 視頻播放器，功能強大，可惜不是免費的。

Open Standard Media (OSM) Player

由 Alethia Inc 開發，是集全功能于一體的網絡播放器，非常不錯。

Video for Everybody

Video for Everybody 讓你在網頁中嵌入一小段代碼就能支持 HTML5 視頻，在不支持的瀏覽器中自動切換為 Flash 播放。

Kaltura HTML5

Kaltura 的 HTML5 視頻解決方案 – 兼容所有主流瀏覽器，采用獨特的 fallback 機制。

FlareVideo

FlareVideo 由 Alex MacCaw 開發，他是一位Ruby/JS開發者，FlareVideo主要特色：

• 在不支持 HTML5 視頻的情況，用Flash作為替代方案
• 可輕松自定義主題
• 支持全屏
• 完全開源和免費用于商業用途

Projekktor

一個免費，開源，基于 Javascript 編寫的 HTML5 視頻播放器，它解決了跨瀏覽器和兼容性問題，增加了視覺效果，并提供非常強大的功能。

使用 CSS3 和 jQuery 制作 HTML5 視頻播放器

這個教程教您如果使用HTML5、CSS3和jQuery一步一步制作自己的視屏播放器，感興趣的朋友記得收藏起來哦 :)

您可能還喜歡

 

• 25個讓人驚嘆的 HTML5 應用實驗
• 推薦21款最佳 HTML 5 網頁游戲
• 推薦18個基于 HTML 5 Canvas 開發的圖表庫
• 8個驚艷的JavaScript WebGL 應用實驗
• 九個讓人難以置信的HTML5和JavaScript實驗

 

編譯來源：夢想天空-分享Web開發技術和設計資源

國際來源：7 Great HTML 5 Video Player Scripts