7款很棒的 HTML5 視訊播放器
阿新 • • 發佈:2019-01-30
作為下一代的網頁語言,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一步一步製作自己的視屏播放器,感興趣的朋友記得收藏起來哦 :)