找回密码
 立即注册
查看: 1636|回复: 0

DPlayer For Discuz!:discuzX3.4整合DPlayer流媒体播放器

[复制链接]
等级头衔

等級:网站编辑

积分成就
威望
0
贡献
0
主题
260
精华
0
金钱
736
积分
1037
注册时间
2012-10-30
最后登录
2022-1-27

爱我家 发表于 2020-10-14 08:16:42 | 显示全部楼层 |阅读模式
DPlayer是一个很好看的弹幕视频播放器。
http://dplayer.js.org/

- Discuz! 使用方法
Discuz! X3.4 R20190917 最新版本
注:本人采用Discuz!自带代码编辑器实现
1. 引入DPlayer所需的JS和CSS:
在/template/模板目录/common/header_common.php文件内:
<script src="http://cnliujia.com/DPlayer/webtorrent.min.js"></script>
<script src="http://cnliujia.com/DPlayer/flv.min.js"></script>
<script src="http://cnliujia.com/DPlayer/dash.all.min.js"></script>
<script src="http://cnliujia.com/DPlayer/hls.min.js"></script>
<link href="http://cnliujia.com/DPlayer/DPlayer.min.css" rel="stylesheet">
<script src="http://cnliujia.com/DPlayer/DPlayer.min.js"></script>
注:webtorrent,flv,dash,hls可按需引入,DPlayer.min.css一定要在DPlayer.min.js前加载!
2. 在Discuz!后台-界面-编辑器设置-编辑 Discuz! 代码新建一个Discuz! 代码,标签为video,显示顺序自己调整,我的为10,图标文件为video.gif,链接:video.gif
直接下载我的图标文件然后放到/static/image/common/目录下就可以了
3. 进入代码详情,替换内容为:
<div id="dplayer"></div>
<script type="text/javascript">
const dp = new DPlayer({
container: document.getElementById('dplayer'),
video: {
url : '{1}',
type : 'auto',
},
});
</script>


参数个数为1
例子,解释,嵌套次数,参数提示语,允许使用此代码的用户组请按需设置
dplayer.rar (339.53 KB, 下载次数: 4)



◇爱我家◇-->awoj.cn
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

下载手机安卓版|手机版|劉家. ( 京ICP备05079106号 )

GMT+8, 2024-12-27 23:42 , Processed in 0.221792 second(s), 29 queries . Template by CnRen.Vip

版权: 劉家(CnLiuJia) 信息:来源于网络

Copyright © 2000-2024 CnLiuJia.Com Inc.All Rights Reserved

快速回复 返回顶部 返回列表