eb項目開發中視頻播放是一個非常常見的需求，需要播放器能夠支持pc端和移動端的使用，并且支持常見的視頻格式。我們從github上精選了5款優秀的Html5 播放器插件分享給大家。（排名不分先后）

1. Ckplayer

ckplayer是一款在網頁上播放視頻的開源軟件，主要特點是：開源，功能強大，不依賴其它插件，二次開發方便。

ckplayer基于MIT協議開源。

當家官網最新版本是X2，更新時間：2020.09.20。

軟件下載后，使用到的文件如下：

一般項目只用到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。

支持視頻和音頻播放，主要強調在多終端上的界面一致性。

最新版本4.2.17，更新日期：2021-7-6

使用基本功能只需要mediaelement-and-player.min.js、renderers/vimeo.min.js、renderers/twitch.min.js，大小在300k左右，非常小巧。

重點：提供插件機制，通過插件可以實現常見的播放列表、AirPlay、位置標記、視頻預覽等功能。

3、 VideoJs

開源HTML5和Flash視頻播放器。目前多很大廠在使用。官網宣稱世界上最流行的開源html5播放器。

支持的視頻格式有：mp4，webm，ogv。

最新版本7.14.3, 更新時間：2021-7-27

文件大小約：700k。

4、 Dplayer

非常可愛的html5 彈幕視頻播放器。主打彈幕功能，支持MP4、HLS、FLV、WebTorrent播放，提供彈幕接口。

國人開發，有中文文檔。國內很多公司在用。

最新版本v1.26.0 更新日期：2020-6-11

基本功能使用文件大小161k. 另外也提供了很多插件供使用。

5、 Xgplayer

西瓜視頻播放器（HTML5）、一款帶解析器、能節省流量的HTML5視頻播放器。字節跳動提供的開源視頻播放器。

• PC Web端支持直接播放mp4視頻，播放HLS、FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions
• iOS系統Web場景支持直接播放mp4和HLS，不支持播放FLV、MPEG-DASH
• 安卓系統Web場景支持直接播放mp4和HLS，播放FLV、MPEG-DASH需要瀏覽器支持Media Source Extensions

中文文檔寫得很非常全面。支持airplay、彈幕等功能。

支持視頻、音頻播放。基于插件機制，提供了豐富的插件來擴展播放器的功能。官網提供在線生成器來簡化各種參數的配置，如下圖：

推薦使用。

今天為大寫整理了5個優秀的開源視頻播放器的內容，后期會再更新各個播放器的詳細使用并進行詳細的評測，謝謝大家。

年，直播行業煥發了第二春，越來越多團隊投入直播行業，是采用開源的直播軟件，還是自行研發音視頻方案？如何實現用戶最關心也是互動直播的三大技術難題：“延時、畫面流暢性、直播清晰度。碼云上有非常不錯的開源直播軟件，希望能夠給大家帶來不一樣直播技術思考。

如果大家有與視頻直播相關的開源項目，也可以托管到 Gitee 上，我們會及時給予推薦。最后，如果你很喜歡以下提到的項目，別忘了分享給其他人哦！

1、項目名稱：網頁視頻播放器 ckplayer

項目簡介：ckplayer (超酷網頁視頻播放器),支持 http 協議下的 flv，f4v，mp4，支持 rtmp 視頻流和 rtmp 視頻回放，支持 m3u8 格式，是你做視頻直播，視頻點播的理想播放器。

項目地址：https://gitee.com/niandeng/ckplayer

2、項目名稱：RTMP 直播播放器

項目簡介：HTML5 播放器、M3U8 直播和點播、RTMP 直播、低延遲、推流/播流地址鑒權、優化瀏覽器兼容性，HLS+擴展。

項目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

3、項目名稱：神奇的播放器 yjPlay

項目簡介：一個支持自定義布局，多種加密算法，直播 ，亮度，音量，快進等手勢，廣告視頻預覽，清晰度切換，自定義數據源，列表播放，倍數播放等功能的播放器。

項目地址：https://gitee.com/Tinywan/html5-dash-hls-rtmp

4、項目名稱：樹莓派驅動的b站直播點播臺

項目簡介：本項目基本編寫完畢，已經有的功能為：

• 彈幕點歌、彈幕點MV、彈幕反饋（發送彈幕）。
• 舊版實現的視頻推流功能。
• 自定義介紹字幕、歌詞滾動顯示，同時滾動顯示翻譯歌詞、切歌。
• 顯示排隊播放歌曲，渲染視頻。
• 通過彈幕獲取實時cpu溫度。
• 閑時隨機播放預留歌曲。
• 播放音樂時背景圖片隨機選擇。
• 可點播b站任意視頻（會員限制除外，番劇根據b站規定，禁止點播）。
• 已點播歌曲、視頻自動進入緩存，無人點播時隨機播放。
• 存儲空間達到設定值時，自動按點播時間順序刪除音樂、視頻來釋放空間。
• 實時顯示歌曲/視頻長度。
• 根據投喂禮物的多少來決定是否允許點播。

項目地址：https://gitee.com/Young_For_You/24h-raspberry-live-on-bilibili

5、項目名稱：直播播放器 SGPlayer

項目簡介：SGPlayer 是一款基于 AVPlayer、FFmpeg 的媒體資源播放器框架。支持360°全景視頻，VR視頻，RTMP、RTSP 等直播流；同時支持 iOS、macOS、tvOS 三個平臺。主要功能：

• 支持播放360°全景視頻。
• 支持手勢、傳感器操控360°全景視頻。
• 支持雙眼模式，具有畸變校正、色散校正。
• 支持 iOS、macOS、tvOS。
• 支持 RTMP、RTSP 等直播流。
• 支持選擇音頻軌道。
• 支持控制音頻輸出音量。
• 支持無損視頻截圖。
• 支持近所有常用媒體格式。
• 極簡的事件通知機制。

項目地址：https://gitee.com/libobjc/SGPlayer

圖網長期致力于web前端開發，難免會和各種視頻、音頻打交道，除了常見的mp4、mp3等格式，其實還有m3u8、oga等等其他沒有那么常見的格式，那么你都了解了嗎？下面介紹一下html5常見的音視頻格式和解決方案。

萬能播放插件js

1.ckplayerhttp://www.ckplayer.com/

2.Sewise Player

一款專業的免費網頁HTML5視頻、流播放器，它功能強大，體積小，跨平臺，兼容性好，使用方便簡潔。確定html5與flash播放的優先級。支持跨終端播放，不僅適用PC端播放，也適配ipad、iphone、android手機、平板電腦等移動終端。 支持多系統多平臺，PC端支持Window、MacOS、Linux 等，移動端支持Android、IOS、Window Phone等。 兼容HTML5，確保98％的互聯網用戶可以看到您的視頻。 支持多瀏覽器兼容，IE6/7/8/9/10、Chrome、Firefox、Safari、Opera等。 接收來自任何地方的音視頻流 支持mp4、m3u8、oga、webm、theora、flv、f4v等視頻格式播放。 支持Flash播放m3u8文件，以及AES-128解碼播放。 支持播放地址AMF, AJAX, JOSNP類型請求。 支持PC與Mobile平臺播放器自動識別功能。 支持瀏覽器HTML5與Flash特性檢測。

3.hls

http://www.bootcdn.cn/hls.js/

僅支持hls(m3u8)地址，不支持flv,mp4,mov,f4v,3gp格式，做了跨平臺的適配， 支持PC終端,Android安卓終端,iOS蘋果終端,WP終端的正常播放。

m3u8是m3u的一種，是utf-8格式的，Apple 為了提高流播效率開發的技術，特點是將流媒體切分為若干 TS 片段（比如每10秒一段），然后通過一個擴展的 m3u 列表文件將這些 TS 片段集中起來供客戶端播放器接收。可以做多碼率的適配，根據網絡帶寬，客戶端會自動選擇一個適合自己碼率的文件進行播放，保證視頻流的流暢。

MP4是一套用于音頻、視頻信息的壓縮編碼標準，支持所有音頻和視頻以及高級內容（或它們的混合），編碼格式：H.264格式高清

MP4是遵循MPEG-4（ISO 14496-14）的官方容器格式定義的廣義文件擴展名。它可以流媒體化并支持眾多多媒體的內容（多音軌(multiple audio)、視頻流(video)、字幕(subtitlestreams)、圖片(pictures)、可變楨率(variable-framerates)、碼率(bitrates)、采樣率(samplerates)等）和高級內容(advanced content)（官方稱之為“Richmedia”(超媒體)或“BIFS”(Binary Format for Scenes/二進制格式場景），類似2D和3D圖形，動畫、用戶界面、類DVD菜單，上述這些AVI搞不定的東西。

其他相關的擴展名：

– .m4v：是.mp4文件的錯誤擴展名，由apple提出，支持視頻+音頻，m4v擴展名可以安全地更名為.mp4

– .m4a：是.mp4文件的錯誤擴展名，由apple提出，只支持音頻，m4a擴展名可以安全地更名為.mp4

– .m4p：隨iTunes發售的DRM(Digital Rights Management/數字版權保護技術)產權保護的文件，使用Apple開發的DRM sheme

– .m4e：由.sdp修改擴展名的來的文件，Envivio用其于流媒體播放。

– .m4v, -.mp4v, -.cmp, -.divx, .-xvid, .264：raw的mpeg-4視頻流（并非內含于mp4）。

– .3gp, -.3g2：手機中使用的格式，其中儲存的內容同樣在.mp4未被定義（H.263, AMR(Adaptive Multi Rate/自適應多碼率)）。

OGG OGGVobis(oggVorbis)是一種音頻壓縮格式，類似于MP3等的音樂格式。Ogg是完全免費、開放和沒有專利限制的。OggVorbis文件的擴展名是”.ogg”。Ogg文件格式可以不斷地進行大小和音質的改良，而不影響舊有的編碼器或播放器。

OGV是html5中的一個名為Ogg Theora的視頻格式，起源于ogg容器格式。

webm由Google提出，是一個開放、免費的媒體文件格式。WebM標準的網絡視頻更加偏向于開源并且是基于HTML5標準的，WebM 項目旨在為對每個人都開放的網絡開發高質量、開放的視頻格式，其重點是解決視頻服務這一核心的網絡用戶體驗。

MOV(QuickTime)它是Apple公司開發的一種音頻、視頻文件格式，用于存儲常用數字媒體類型。QuickTime用于保存音頻和視頻信息，包括Apple Mac OS，MicrosoftWindows95/98/NT/2003/XP/VISTA，甚至WINDOWS7在內的所有主流電腦平臺支持。

WMV 是微軟推出的一種采用獨立編碼方式并且可以直接在網上實時觀看視頻節目的文件壓縮格式。WMV格式的主要優點包括：本地或網絡回放、可擴充的媒體類型、部件下載、可伸縮的媒體類型、流的優先級化、多語言支持、環境獨立性、豐富的流間關系以及擴展性等。

MPG/MPEG(.mpg, .mpeg)

Realmedia(.rm, .rmvb)

AVI(.avi)

Flv/swf

本文由專業的WEB前端外包公司-切圖網原創，轉載請保留版權（ WEB前端開發外包www.qietu.com ）切圖網始于2007年，提供高品質的前端開發服務、前端外包、切圖外包。歡迎來電咨詢！