WordPress m3u8 html5视频播放器插件Wpmvp
之以前我一直用的其他插件用来支持m3u8的视频格式，但是最近想去找插件的时候，发现我以前比较喜欢的一款下架了，取而代之的收费款，我根本用不上那么多功能，就不可能买收费款了，不过免费的老版本也还能下载，我又多搜索了一会，搜着搜着就看见一款国外的插件，就下载看了下，基本需求是能满足了，只是他里面的语言识别无效，功能也很基础，所以我根据他调用的html5播放器，自己写了一个。
用的videojs html5播放器，由于在插件内置了播放器文件包，所以插件整体就有点大，毕竟是一个视频播放器。
采用了videojs最新的8.10.0版本，支持对m3u8视频的解析，我需求很少，只要个单视频能播放m3u8就行，想到反正都写了，干脆加个多视频，可能其他人也能用到。我只在2个网站上进行测试，所以不保证其他网站会怎么样。
插件名称：HTML5 M3U8视频播放器（Wpmvp - WordPress M3u8 Video Player）
下载公众号回复：wpmvp
现在的功能：
- 支持mp4、m3u8、webm、mkv、mov、ogv格式(我只测试了mp4和m3u8)
- 播放器界面按钮中文提示文字
- 使用短代码输入
- 支持经典编辑器快捷键、古腾堡编辑器快捷引入
- 支持多个视频链接
- 支持多个视频选集
- 有一个播放下一集按钮(如果太多集了，方便不下拉浏览器就换到下一集)
- 加入了videojs-playbackrate-adjuster插件js文件用于选择倍数播放
- 禁用了播放器右键菜单
短代码 - 单个视频：
[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 插件
预览：
本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2024-4-7，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读