从 DPlayer 说起,有哪些开源的 H5 播放器
引言
H5指的是HTML5,也就是介绍网页播放器(只是列出而已)。首先我不是什么大佬,并没有完全体验过以下我会介绍的全部播放器;其次,因为我水平比较低,主要介绍拥有中文文档的播放器,不了解开发的朋友当成科普看看就行,平常用不到,了解的可以补充一下还有哪些,毕竟我收集的肯定不全,最好能补充中文文档的。
正文
中文文档
DPlayer
https://dplayer.diygod.dev/zh/guide.html#special-thanks
最热门的播放器,至少在我心里是。有不少网站以及播放器都是基于这个做修改。
Mui player
ckplayer
也算是蛮热门的,以前经常看到,只不过现在临时找不出来。
官网示例视频用的黑神话悟空PV
xgplayer西瓜播放器
http://h5player.bytedance.com/
字节跳动的,西瓜视频和抖音就是用这个
griffith知乎播放器
https://github.com/zhihu/griffith/blob/master/README-zh-Hans.md
看了一眼是React,H5看上去也是能用的。
artplayer
挺冷门的,这个不是我搜出来的而是我用的一个网站使用了这个播放器。
Sewise Player
https://github.com/jackzhang1204/sewise-player
冷门且不更新了,看看就行了
无中文文档
也有可能是没找到中文文档。这里面会略过一些,英文看着还是不方便。
video.js
ExoPlayer,谷歌出品
https://github.com/google/ExoPlayer
MediaElement.js
https://www.mediaelementjs.com/
plyr,蛮好看的
额外补充
这个播放器样式不错,我查了一下似乎是阿里的播放器,似乎不开源,还是算了
prism-player,百度一查是AliPlayer,看了一下类名是一致的
其实播放器样式只是加分项,最重要的还是视频的加载速度,搞好cdn
结语
播放器的样式确实能给人耳目一新的感觉,不少用心的网站是自己定制播放器的(即使是基于开源项目做修改)。但是外观不是全部,比外观更重要的是内容。
祝各位生活愉快。
-
前端
-
JavaScript
大佬!