小樱 发表于 2019/6/15 07:46

plyr 3.5.4 for discuz 插件 视频播放器 整合discuz 3.1使用教程 真正可用的懒人方法

https://att.itzmx.com/1/sakura_op.mp4

注:本教程支持手机版,支持手机版,支持手机版!!!
并且,默认使用了html5来进行播放,兼容video原生标签,需要服务端支持206响应,如果遇到flv等格式会无法播放。

最新发布更新日期:2019年6月15日 07:41:18

插件下载地址:

下载后,上传解压到discuz网站根目录,然后进入后台,界面-编辑器设置-Discuz!代码添加标签pl,图标文件 / 描述pl.png


点击详情进入编辑替换内容:
<link rel="stylesheet" href="./plyr/plyr.css">
<script src="./plyr/plyr.min.js"></script>
<script src="./plyr/plyr.svg"></script>
<script src="./plyr/instance.js"></script>
<div class="plyr__video-wrapper plyr__video-wrapper--fixed-ratio" style="width:100%;height:20px;">
<video id="player" x5-video-player-type style="width: 100%;">
<source src="{1}">
</video>
</div>

例子:
内容

解释:
pl视频播放器

参数个数:
1

参数提示语:
{1}直链地址

嵌套次数:
1

允许使用此代码的用户组:
这个就自己设定了


做好这一切就可以在论坛用这个按钮发布帖子了





独家discuz论坛整合教程首发,转载注明出处:http://bbs.itzmx.com/thread-93522-1-1.html

602302837 发表于 2020/3/24 04:24


全屏状态只适配了16:9的屏幕 其他比例的屏幕画面部分无法显示 求更新求修复

小樱 发表于 2020/3/24 04:25

602302837 发表于 2020/3/24 04:24
全屏状态只适配了16:9的屏幕 其他比例的屏幕画面部分无法显示 求更新求修复

16:9是因为你的视频源是16:9,所以在其他屏幕比例上就有黑边,这是正常的,和插件无关,可以转换视频格式或者使用拉伸按钮到全屏
页: [1]
查看完整版本: plyr 3.5.4 for discuz 插件 视频播放器 整合discuz 3.1使用教程 真正可用的懒人方法