Web項目開發中視頻播放是一個非常常見的需求，需要播放器能夠支持pc端和移動端的使用，并且支持常見的視頻格式。我們從github上精選了5款優秀的html5 播放器插件分享給大家。（排名不分先后）
- Ckplayer
ckplayer是一款在網頁上播放視頻的開源軟件，主要特點是：開源，功能強大，不依賴其它插件，二次開發方便。
ckplayer基于MIT協議開源。
ckplayer示例圖
當家官網最新版本是X2，更新時間：2020.09.20。
軟件下載后，使用到的文件如下：
ckplayr 文件
一般項目只用到ckplayer.min.js 、ckplayer.swf、language.json、sytle.json 總大小不超過700k。
ckplayer 支持flv、mp4、m3u8、webm等。
功能上常用的播放控制、彈幕、貼片廣告都支持。
2、 Media-element.js
HTML5<audio>或<video>播放器，支持MP4、WebM和MP3，以及HLS、Dash、YouTube、Facebook、SoundCloud和其他具有通用HTML5 MediaElement API的播放器，在所有瀏覽器中實現一致的UI。
media-element.js 示例圖
支持視頻和音頻播放，主要強調在多終端上的界面一致性。
最新版本4.2.17，更新日期：2021-7-6
media-element 所需文件截圖
使用基本功能只需要
mediaelement-and-player.min.js、renderers/vimeo.min.js、renderers/twitch.min.js，大小在300k左右，非常小巧。
重點：提供插件機制，通過插件可以實現常見的播放列表、AirPlay、位置標記、視頻預覽等功能。
3、 VideoJs
開源HTML5和Flash視頻播放器。目前多很大廠在使用。官網宣稱世界上最流行的開源html5播放器。
video.js
支持的視頻格式有：mp4，webm，ogv。
最新版本7.14.3, 更新時間：2021-7-27
video.js 文件
文件大小約：700k。
4、 Dplayer
非常可愛的html5 彈幕視頻播放器。主打彈幕功能，支持MP4、HLS、FLV、WebTorrent播放，提供彈幕接口。
國人開發，有中文文檔。國內很多公司在用。
最新版本v1.26.0 更新日期：2020-6-11
dplayer文件
基本功能使用文件大小161k. 另外也提供了很多插件供使用。
5、 Xgplayer
西瓜視頻播放器（HTML5）、一款帶解析器、能節省流量的HTML5視頻播放器。字節跳動提供的開源視頻播放器。
- PC Web端支持直接播放mp4視頻，播放HLS、FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions
- IOS系統Web場景支持直接播放mp4和HLS，不支持播放FLV、MPEG-DASH
- Android/ target=_blank class=infotextkey>安卓系統Web場景支持直接播放mp4和HLS，播放FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions
中文文檔寫得很非常全面。支持airplay、彈幕等功能。
支持視頻、音頻播放。基于插件機制，提供了豐富的插件來擴展播放器的功能。官網提供在線生成器來簡化各種參數的配置，如下圖：
推薦使用。
今天為大寫整理了5個優秀的開源視頻播放器的內容，后期會再更新各個播放器的詳細使用并進行詳細的評測，謝謝大家。
