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年，提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询！