从DPlayer说起,有哪些开源的H5播放器

引言

​ H5指的是HTML5,也就是介绍网页播放器(只是列出而已)。首先我不是什么大佬,并没有完全体验过以下我会介绍的全部播放器;其次,因为我水平比较低,主要介绍拥有中文文档的播放器,不了解开发的朋友当成科普看看就行,平常用不到,了解的可以补充一下还有哪些,毕竟我收集的肯定不全,最好能补充中文文档的。

正文

中文文档

DPlayer

https://dplayer.diygod.dev/zh/guide.html#special-thanks

最热门的播放器,至少在我心里是。有不少网站以及播放器都是基于这个做修改。

Mui player

https://www.ckplayer.com/

ckplayer

https://www.ckplayer.com/

也算是蛮热门的,以前经常看到,只不过现在临时找不出来。

官网示例视频用的黑神话悟空PV

xgplayer西瓜播放器

http://h5player.bytedance.com/

字节跳动的,西瓜视频和抖音就是用这个

griffith知乎播放器

https://github.com/zhihu/griffith/blob/master/README-zh-Hans.md

看了一眼是React,H5看上去也是能用的。

artplayer

https://www.artplayer.org/

挺冷门的,这个不是我搜出来的而是我用的一个网站使用了这个播放器。

Sewise Player

https://github.com/jackzhang1204/sewise-player

冷门且不更新了,看看就行了

无中文文档

也有可能是没找到中文文档。这里面会略过一些,英文看着还是不方便。

video.js

https://docs.videojs.com/

ExoPlayer,谷歌出品

https://github.com/google/ExoPlayer

MediaElement.js

https://www.mediaelementjs.com/

plyr,蛮好看的

https://plyr.io/

额外补充

这个播放器样式不错,我查了一下似乎是阿里的播放器,似乎不开源,还是算了

prism-player,百度一查是AliPlayer,看了一下类名是一致的

其实播放器样式只是加分项,最重要的还是视频的加载速度,搞好cdn

结语

​ 播放器的样式确实能给人耳目一新的感觉,不少用心的网站是自己定制播放器的(即使是基于开源项目做修改)。但是外观不是全部,比外观更重要的是内容。

​ 祝各位生活愉快。

相关推荐
酷酷的阿云1 分钟前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
微信:137971205873 分钟前
web端手机录音
前端
齐 飞9 分钟前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb
神仙别闹26 分钟前
基于tensorflow和flask的本地图片库web图片搜索引擎
前端·flask·tensorflow
GIS程序媛—椰子1 小时前
【Vue 全家桶】7、Vue UI组件库(更新中)
前端·vue.js
DogEgg_0011 小时前
前端八股文(一)HTML 持续更新中。。。
前端·html
ZL不懂前端1 小时前
Content Security Policy (CSP)
前端·javascript·面试
木舟10092 小时前
ffmpeg重复回听音频流,时长叠加问题
前端
王大锤43912 小时前
golang通用后台管理系统07(后台与若依前端对接)
开发语言·前端·golang
我血条子呢2 小时前
[Vue]防止路由重复跳转
前端·javascript·vue.js