以前我一直用的其他插件用来支持m3u8的视频格式,但是最近想去找插件的时候,发现我以前比较喜欢的一款下架了,取而代之的收费款,我根本用不上那么多功能,就不可能买收费款了,不过免费的老版本也还能下载,我又多搜索了一会,搜着搜着就看见一款国外的插件,就下载看了下,基本需求是能满足了,只是他里面的语言识别无效,功能也很基础,所以我根据他调用的html5播放器,自己写了一个。
用的videojs html5播放器,由于在插件内置了播放器文件包,所以插件整体就有点大,毕竟是一个视频播放器。
采用了videojs最新的8.10.0版本,支持对m3u8视频的解析,我需求很少,只要个单视频能播放m3u8就行,想到反正都写了,干脆加个多视频,可能其他人也能用到。我只在2个网站上进行测试,所以不保证其他网站会怎么样。
插件名称:WPMVP HTML5视频播放器(Wpmvp – WordPress Html5 Video Player)
插件下载:WordPress m3u8 html5视频播放器插件
现在的功能:
- 支持mp4、m3u8、webm、mkv、mov、ogv格式(我只测试了mp4和m3u8)
- 默认中文
- 使用短代码输入
- 支持经典编辑器快捷键、古腾堡编辑器快捷引入
- 支持多个视频链接
- 支持多个视频选集
- 有一个播放下一集按钮(如果太多集了,方便不下拉浏览器就换到下一集)
- 加入了videojs-playbackrate-adjuster插件js文件用于选择倍数播放
- 禁用了播放器右键菜单
- 支持b站视频
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 插件
预览:

