7款很棒的 HTML5 視訊播放器

Just4life發表於2014-06-19
作為下一代的網頁語言,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一步一步製作自己的視屏播放器,感興趣的朋友記得收藏起來哦 :)

相關文章