以前我一直用的其他插件用来支持m3u8的视频格式,但是最近想去找插件的时候,发现我以前比较喜欢的一款下架了,取而代之的收费款,我根本用不上那么多功能,就不可能买收费款了,不过免费的老版本也还能下载,我又多搜索了一会,搜着搜着就看见一款国外的插件,就下载看了下,基本需求是能满足了,只是他里面的语言识别无效,功能也很基础,所以我根据他调用的html5播放器,自己写了一个。

用的videojs html5播放器,由于在插件内置了播放器文件包,所以插件整体就有点大,毕竟是一个视频播放器。

采用了videojs最新的8.10.0版本,支持对m3u8视频的解析,我需求很少,只要个单视频能播放m3u8就行,想到反正都写了,干脆加个多视频,可能其他人也能用到。我只在2个网站上进行测试,所以不保证其他网站会怎么样。

插件名称:WPMVP M3U8视频播放器(Wpmvp – WordPress M3u8 Video Player)

下载公众号回复:wpmvp

现在的功能:

  • 支持mp4、m3u8、webm、mkv、mov、ogv格式(我只测试了mp4和m3u8)
  • 默认中文
  • 使用短代码输入
  • 支持经典编辑器快捷键、古腾堡编辑器快捷引入
  • 支持多个视频链接
  • 支持多个视频选集
  • 有一个播放下一集按钮(如果太多集了,方便不下拉浏览器就换到下一集)
  • 加入了videojs-playbackrate-adjuster插件js文件用于选择倍数播放
  • 禁用了播放器右键菜单

1.5版本为了减少插件包的大小,取消了WebVTT字幕相关的JavaScript库文件,还有一些用于开发调试的文件。

短代码 – 单个视频:

[wp_mvp_video url="视频完整链接"]

短代码 – 多个视频:

[wp_mvp_video url="视频完整链接1,视频完整链接2"]
比如:
[wp_mvp_video url="https://www.jingxialai.com/1.mp4,https://www.jingxialai.com/test.m3u8"]

中间用英文逗号分隔,如果不手动打短代码,在编辑器工具栏有快捷键。

插件调用的js有点多,我都在代码写了注释,可以按需修改,用不到可以自己删了:

  • 播放器核心:video.min.js
  • 播放器倍数选择:videojs-playbackrate-adjuster.min.js
  • 播放器m3u8解析:videojs-contrib-hlsjs.min.js
  • 播放器中文语言:zh-CN.js
  • 经典编辑器快捷框:wp-mvp-tinymce.js
  • Gutenberg编辑器快捷引入:wp-mvp-gutenberg-block.js

播放器:VideoJS – HTML5视频播放器 https://videojs.com/

插件开发萌芽:videojs-html5-player 插件

预览: