!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>怎么给WordPress 主题集成DPlayer播放M3U8流媒体

怎么给WordPress 主题集成DPlayer播放M3U8流媒体

教程前言:

M3U8流媒体目前很流行,可将视频分割成多个部分,减轻服务器负担,加快播放速度,但很少看到有完整的 WordPress 主题集成播放M3U8流媒体的教程,这里写个简单的教程供参考。

利用DPlayer播放组件,通过短代码简单实现M3U8流媒体视频播放。

怎么给WordPress 主题集成DPlayer播放M3U8流媒体

使用方法:

将解压后的dplayer文件夹上传添加到当前主题目录中:

打开主题函数模板functions.php文件,在最后添加:

编辑文章时添加短代码

M3U8视频短代码:
[m3u8dplayer type="hls"]M3U8视频流地址[/m3u8dplayer]
MP4视频短代码:
[mp4dplayer type="flv"]MP4视频地址[/mp4dplayer]
需要注意要保证dplayerJS文件在短代码前加载,一篇文章只能加一个视频短代码。

或者使用文章最后推荐的插件,添加多个视频地址,实现分集播放。

想要了解可以看看官方文章点击前往

基本代码:

其实还是非常简单,加载相关JS脚本,通过短代码加载播放配置文件。

播放器演示:

点击前往

附:中央电视台视频流地址

中央一套

https://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8

中央六套

https://cctvalih5ca.v.myalicdn.com/live/cctv6_2/index.m3u8

插件下载:

蓝奏盘

文章来自知更鸟https://zmingcx.com/

给TA打赏
共{{data.count}}人
人已打赏
网站运维

WordPress移除搜索结果页面noindex nofollow教程

2022-10-17 13:23:52

网站运维

2022年春节要到了,给网站添加春节灯笼代码教程

2022-10-17 13:24:33

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 2651636361@qq.com 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索