四款适用于 web 项目的开源播放器

boyanx2个月前技术教程11

概述

在 HTML5 中,我们可以通过

西瓜播放器

一款带解析器、能节省流量的HTML5视频播放器,相对于 video.js,西瓜播放器能够在播放器端实现加载视频、解析视频、转换格式,让不支持分段播放的mp4动态支持,这样就无须转换源视频的格式,服务器端也无其他开销。

项目主页:
https://v2.h5player.bytedance.com/

项目代码:
https://github.com/bytedance/xgplayer

video.js

video.js 据说是目前最流行的 HTML5 视频播放器,star37K,应该所言不虚,该项目自 2010 年启动,已经在超过 70 万的网站中使用。 video.js 支持 HTML5 视频和媒体源扩展,以及其他播放技术,如 YouTube 和 Vimeo(通过插件)。它支持在台式机和移动设备上播放视频。百度网盘、慕课网的视频播放也是使用的这款插件。

官网地址:https://videojs.com/

项目代码:
https://github.com/videojs/video.js

中文文档:
https://gitcode.gitcode.host/docs-cn/video.js-docs-cn/index.html

MediaElement.js

MediaElement是一款老牌的 HTML5播放器控件,有很多知名开源库都使用了它,包括 WordPress、Drupal、Joomla、jQuery、typo3 等,MediaElement现在是WordPress核心的一部分。

项目主页:
https://www.mediaelementjs.com/

项目代码:
https://github.com/mediaelement/mediaelement


Plyr

Plyr 是一个简单的可定制的 HTML5 媒体播放器,使用原生 JavaScript 没有其他依赖。支持 YouTube 和 Vimeo 。

官方网站:https://plyr.io/

项目代码:
https://github.com/sampotts/plyr

标签: plyr.js

相关文章

25k+ star!简单、轻量级的开源视频播放插件

大家好,我是开源探索者,持续分享开源项目,关注技术的最新动态,分享自己的经验和见解。大家好,我是开源探索者,一个热爱开源的程序员!过年过年,这个时间应该是最温馨不过的。开源君在这里提前给各位朋友们拜年...

【推荐】26.9k Star!推荐一款开源视频播放器,完美支持 HTML5 视频

在日常前端开发工作中,我们经常需要在网页中嵌入视频播放器。但现有的播放器要么功能单一,要么体积臃肿,有时还会遇到兼容性问题。对于想要提供良好用户体验的开发者来说,这确实是一个令人头疼的问题。最近,我发...

好用的html5 视频播放器 Plyr

如果想在自己的网站中播放视频,用哪个播放器好呢?当然你可以用某ku、某艺的播放。这不是我们今天讨论的东西。今天我们说说plyr这个播放器;第一步:引入css文件:第二步:引入js文件:<scri...

魔兽世界9.1 刻希亚寻找宝箱、稀有WA(转自nga)

WA导入后,一旦你进入刻希亚,WA就会自动提示宝箱、稀有怪物位!WA:2!T3BFWrsXvcIJqMLJ22RHXR5851RD9tEnJe0sOU13diBA1Q1OMrQBr3Tg5H5MvQ6...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。