<返回更多

开源项目评测之Html5视频播放器推荐

2021-09-17    IT宇哥
加入收藏

Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的html5 播放器插件分享给大家。(排名不分先后)

  1. Ckplayer

ckplayer是一款在网页上播放视频的开源软件,主要特点是:开源,功能强大,不依赖其它插件,二次开发方便。

ckplayer基于MIT协议开源。

开源项目评测之Html5视频播放器推荐

ckplayer示例图

当家官网最新版本是X2,更新时间:2020.09.20。

软件下载后,使用到的文件如下:

 

开源项目评测之Html5视频播放器推荐

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。

 

开源项目评测之Html5视频播放器推荐

media-element.js 示例图

支持视频和音频播放,主要强调在多终端上的界面一致性。

最新版本4.2.17,更新日期:2021-7-6

 

开源项目评测之Html5视频播放器推荐

media-element 所需文件截图

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

重点:提供插件机制,通过插件可以实现常见的播放列表、AirPlay、位置标记、视频预览等功能。

3、 VideoJs

开源HTML5和Flash视频播放器。目前多很大厂在使用。官网宣称世界上最流行的开源html5播放器。

 

开源项目评测之Html5视频播放器推荐

video.js

支持的视频格式有:mp4,webm,ogv。

最新版本7.14.3, 更新时间:2021-7-27

开源项目评测之Html5视频播放器推荐

video.js 文件

文件大小约:700k。

4、 Dplayer

非常可爱的html5 弹幕视频播放器。主打弹幕功能,支持MP4、HLS、FLV、WebTorrent播放,提供弹幕接口。

 

开源项目评测之Html5视频播放器推荐

 

国人开发,有中文文档。国内很多公司在用。

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

 

开源项目评测之Html5视频播放器推荐

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

 

 

开源项目评测之Html5视频播放器推荐

 

中文文档写得很非常全面。支持airplay、弹幕等功能。

支持视频、音频播放。基于插件机制,提供了丰富的插件来扩展播放器的功能。官网提供在线生成器来简化各种参数的配置,如下图:

 

开源项目评测之Html5视频播放器推荐

 

推荐使用。

今天为大写整理了5个优秀的开源视频播放器的内容,后期会再更新各个播放器的详细使用并进行详细的评测,谢谢大家。

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>