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

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

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

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

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

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

2款视频播放器插件的功能区别:

功能WordPress videojs视频播放器WordPress 西瓜视频播放器
支持格式mp4、m3u8、webm、mkv、mov、ogvmp4、m3u8
右键菜单禁止禁止
画中画支持支持
全屏支持支持
网页样式全屏不支持支持
视频截图不支持支持
多个视频支持支持
切换下一集支持支持
经典编辑器快捷键支持支持
古腾堡编辑器快捷支持支持
播放倍速支持支持
主要功能实现方式PHP + js全js
网站兼容性更好差一点
文件包大小830kb取消WebVTT之后796kb

西瓜视频播放器默认的js库功能更全面一点,videojs视频播放器就少一些,很多功能都需要插件才能实现,为了减少js调用,就尽量减少不是特别大众的功能。我都是把播放器主要文件放到插件文件夹里面了,没有用公共cdn调用。

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

关于弹幕,我个人非常讨厌弹幕这个东西,它非常影响观感,我自己要是看b站视频,第一时间都是先去把弹幕关掉。

关于移动端兼容,没有专门开启ios移动端的限制,因为ios移动端系统默认的播放器兼容更好。

Tagged in: