由于写了4个功能差不多的Wordpress视频播放器插件，就说说具体原因吧。

为什么要写视频播放器插件？

  • 因为有网站需要展示m3u8的视频，而之前用的播放器插件没有更新了，取而代之的收费版，但是我用不到收费版的功能，其实原来免费版本的很多功能我都用不到，所以就自己写了。
  • 我自己只需要在一个页面，放一个单视频就满足的需求了，只要能播放就行。

有了基于videojs播放器的插件之后，为什么又新增了西瓜播放器的插件。

  • 其实在我写videojs播放器插件的时候，就发现国内这类插件相对调用比较多的是DPlayer播放器，毕竟是中文的，所以在WordPress M3U8视频播放器插件写好之后，就查了下各种开源播放器，但是在这个过程中发现了字节跳动旗下的西瓜播放器，我发现这个好像更好，并且市面上还没有基于西瓜播放器的Wordpress视频插件，所以我就用西瓜播放器尝试了下。

相比其他优秀插件，我的少很多功能，首先是我自己用不上，其次是精力原因，我大部分时间都是以电商运营为主，网站相关的技术内容，都是为了解决网站运营基础所需要才记录、开发等，然后就是所有代码都有写注释，有兴趣的用户可以按需修改。

4款视频播放器插件的功能区别：

名称 videojs视频播放器 西瓜HTML5视频播放器 Artplayer HTML5播放器 Vidstack HTML5播放器
更新说明 停更 保持更新 基于已有开源项目修改 保持更新
功能 　 　 　 　
支持格式 mp4、m3u8、webm、mkv、mov、ogv mp4、m3u8 mp4、m3u8 mp4、 ogg、ogv、webm、mov、m4v，m3u8、mpd
mp3、m4a、ogg、3gp m4a, m4b, mp4a, mpga, mp2, mp2a, mp3, m2a, m3a, wav, weba, aac, oga, spx
右键菜单 禁止 禁止 允许 允许
画中画 √ √ √ √
全屏 √ √ √ √
网页全屏 × √ √ ×
小窗口 × √ √ ×
循环设置 ×  × √ √
视频截图 × √ √ ×
视频封面 × √ √ √
视频旋转 × √ √ ×
视频广告 × × √ ×
多个视频 √ √ √ √
下一集按钮 √ √ √ ×
自动播放下一集 × × × √
经典编辑器快捷键 √ √ √ √
古腾堡编辑器快捷 √ √ × ×
播放倍速 √ √ √ ×
后台设置 × × √ ×
油管视频 × × × √
b站视频 √ √ √ √
无障碍选项 × × × √
Google Cast × × × √
前台功能方式 PHP + js js PHP + js js
js、css加载方式 本地 本地 本地 远程cdn+本地
js、css数量 6个js+1个css 6个js+2个css 4个js 模块初始化动态
js、css说明 2个js是后台快捷入口 2个js是快捷入口
不是音频不加载相关js、css

1个js是快捷入口
前台按需加载

 本地是快捷入口js
网站整体兼容性 S+ S S+ S
外部视频源 默认支持 必须设置跨域权限 默认支持 默认支持
节省流量 – 支持 – –
插件语言 中文 中文 中文 中文/英文
推荐使用 – 会设置跨域的用户 想加视频广告的用户 海外用户
下载 – xigua wpartp wpvidp
压缩文件包大小 303 kb 292 kb 173kb 4kb
　 　 　 　 　

我目前自己用的西瓜视频版本，因为我就用mp4和m3u8格式，并且我也习惯设置跨域权限了。

其他常见问题：

 WordPress videojs视频播放器为什么会停更？

  • 由Vidstack HTML5播放器取代了。

关于默认自动播放？

  • 目前主流浏览器品牌都不建议一打开网页就自动播放视频，我个人也不喜欢这种一进网页就自动播放的情况，所以我默认也没有开启自动播放的功能。

关于弹幕？

  • 我个人非常讨厌弹幕这个东西，它非常影响观感，我自己要是看b站视频，第一时间都是先去把弹幕关掉。
  • 但是如果有多为用户需要弹幕功能的话，我会把Artplayer HTML5播放器的弹幕功能加回去。

关于移动端兼容？

  • 没有专门开启移动端的限制，因为移动端系统默认的播放器兼容可能更好，再加上他们默认强制接管。

前台功能方式？

  • 是指的多集视频的情况下，有的网站开启了压缩网页源代码为一行，可能就会导致全js方式失效。

标签为: