H5播放器合集-盘点那些开源、免费、强大、好看、的HTML5播放器（持续更新中）

当视频流媒体席卷通信世界，为了保持和提升用户增长，属性创造者和流媒体服务提供者需要提供高质量的用户体验。而想要实现这一点，他们都需要在自己的网站上内嵌HTML5视频播放器。今天我们将来了解一下现在市面上那些免费、开源、强大、UI好看、经典的HTML5视频播放器（包括开源和商业播放器）。HTML5视频播放器常用于在Chrome、Edge、Firefox、Safari等浏览器和其他支持HTML5视频播放的平台（如三星和LG电视）上播放视频。它们可以被配置为单码率视频流（普通mp4文件）、HLS、MPEG-DASH、HDS等。除此之外，各公司也可以为H5播放器配置DRM（Widevine、PlayReady或FairPlay）、使用CSAI或SSAI技术的广告插入、字幕、数据分析等功能。

接下来，我会介绍行业内流行的H5播放器（请注意，排名不分先后）。

Dplayer

Dplayer是一款非常优秀的开源的HTML5弹幕视频播放器，基于JavaScript编写，遵守MIT开源协议。支持的流媒体格式包含：HLS FLV MPEG DASH WebTorrent，自定义流媒体格式等。多媒体格式支持：MP4 H.264 WebM Ogg Theora Vorbis。DPlayer支持：媒体流格式：HLS、FLV、MPEG DASH、WebTorrent，其他自定义的流媒体格式：MP4 H.264、WebM、Ogg Theora Vorbis。DPlayer基础功能：弹幕、截图、快捷键、清晰度切换、缩略图、字幕。

Artplayer

Artplayer是一款易于使用且功能丰富的HTML5视频播放器，并且播放器的大部分功能控件都支持自定义，这使得它可以轻松地与业务逻辑连接。此外，它还直接支持.vtt、.ass和.srt字幕格式。与其他依赖项（如flv.js、hls.js、dash.js等）集成也非常简单。代码高度解耦，结构和逻辑清晰，易于跟踪错误和添加新功能。Artplayer支持多种视频解析方式。用户可以通过artplayer解析各种常见的视频格式，如MP4、AVI、MKV等。同时，artplayer还支持解析在线视频，用户只需输入视频地址，artplayer便可自动解析并播放视频。这一功能方便了用户观看各种来源的视频，无需额外安装其他解析插件。

MuiPlayer

MuiPlayer是一款HTML5视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在PC、Mobile端运行，提供了“移动端”以及“PC端”两类扩展插件，因此你也可应用于在Android、Ios的Webview中使用。

Muiplayer具有以下特点：

多格式支持：支持mp4、M3U8、flv等多种媒体格式播放，解决大部分兼容问题，同时适应在PC、手机端播放。

丰富的可配置API:Muiplayer具有丰富的参数可以自定义播放器实例，通过轻松的配置即可完成自定义场景的视频播放。

简约的设计风格：播放器设计风格轻松而简约，可自定义配置播放器的主题样式。在PC、手机端独立还拥有一套美观的功能控件设计。

Plyr

Plyr是一个简单、方便、可自定义的H5播放器，使用原生JavaScript没有其他依赖。支持YouTube和Vimeo，支持音频和视频两格式，包含自定义的控制选项切换播放，调整音量，完全支持WebVTT字幕和全屏幕播放。它只支持现代浏览器，轻量级方便和可定制的媒体播放器。Plyr具有以下特点：可访问性-完全支持VTT字幕和屏幕阅读器、干净的HTML -使用正确的元素。音量使用<input type=“range”>，进度条使用<progress>，按钮使用<button>、响应式-适应任何屏幕尺寸、流媒体-支持hls.js、Shaka和dash.js的流媒体播放、API -通过标准化的API切换播放、音量、快进等等、全屏-支持原生全屏，并备用“全窗口”模式、快捷键-支持键盘快捷键、画中画-支持画中画模式、速度控制-实时调整播放速度、多个字幕-支持多个字幕轨道、i18n支持-支持国际化控件、预览缩略图-支持显示预览缩略图、无框架-使用“原生”ES6 JavaScript编写

西瓜播放器

西瓜播放器XGplayer是一款由字节跳动开源的Web视频播放器。它基于组件化的原则设计了独立的、可拆分的UI组件。更重要的是，它不仅在UI层面上灵活，还在功能上进行了大胆的改进：它摆脱了对视频加载、缓冲和格式支持的依赖。尤其在处理mp4格式时，它可以进行分段加载，即使不支持流式传输的mp4格式也能实现无缝切换、加载控制和节省流量。它还集成了对FLV、HLS和dash格式的点播和直播支持。

Mediaelement

MediaelementPlayer是一个HTML5 <audio>或<video>播放器，支持MP4、WebM和MP3以及HLS、Dash、YouTube、Facebook、SoundCloud和其他具有通用HTML5 MediaElement API的播放器，从而在所有浏览器中实现一致的UI。

Videojs

Videojs是市面上最流行的免费、开源HTML5视频播放器。2010年，它从零开始开发，并已成为市场中多个开源和商业播放器的基础。

播放形式上，VideoJS可用于直播和点播，同时支持HLS、DASH、WebM和MP4边下载边播放。在外观样式上，VideoJS可高度自定义，开源社区中有非常多的皮肤可以选用。Multi-DRM、广告插入、字幕等大多数重要的功能都可以通过插件配置到播放器中。更加完整的VideoJS功能和特性，请参见：https://docs.videojs.com/。Linkedin、The Guardian、Tumblr等多个大流量的组织和公司都使用VideoJS播放器，这也证明了它不仅稳定，而且正在被持续改进，同时还保证了充分的测试。

JWPlayer

对于视频流媒体公司而言，JWPlayer是一套流行的端到端视频解决方案。你可以上传视频到JWPlayer，它将进行压缩、打包并将视频传输给播放器，同时提供监测。JWPlayer可以跨网站、移动应用或者连网电视平台使用，作为可靠视频播放器，它是一个不错的选择。在功能方面，JWPlayer支持HLS和DASH视频流、360度全景视频和VR、广告插入（CSAI和SSAI）、Multi-DRM、字幕以及他们自己的观众互动和数据分析服务。视频一经发布，JWPlayer的观众互动产品就可以自动插入来自你的属性库中的相关视频，对于大规模的媒体公司而言，这是一个激动人心的解决方案。JWPlayer还提供移动SDK（Android和iOS），这使它成为多平台流媒体服务提供商的流行选择。你在这里可以查看JWPlayer的全部功能：https://www.jwplayer.com/html5-video-player/

CKplayer

CKplayer是一款超酷的H5视频播放器，基于JavaScript和CSS，其特点是开源，功能强大，不依赖其它插件，二次开发简单方便。CKplayer遵守开源协定，协定类型为：MIT，需要获取协定详情内容请至：https://opensource.org/licenses/MIT，CKplayer用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片界面形式调用，用户根据自己的需要制作出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格，DIY可玩性非常高。CKplayer播放器支持的视频格式：MP4、FLV、TS、M3U8、Webm等等。

NPlayer

NPlayer是由Typescript加Sass编写，无任何协力厂商运行时依赖，兼容IE11，支持移动端、支持SSR、支持直播。高度可定制，所有图标、主题色等都可以替换，并且提供了内置组件方便二次开发。你可以自定义任意多个断点，不仅仅是兼容移动端，只要愿意，你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。它还拥有插件系统，弹幕功能就是使用插件形式提供，使用时按需引入即可。该播放器还可以接入任何流媒体，如hls、dash和flv等。