2020年7月11日 星期六

苹果CMSV10整合PlayerJS播放器(带记忆播放)

本次整合的播放器,是一个国外的播放器:PlayerJS,代码简单,基本的功能都有。

例如:自动播放,预加载,时间记忆,全屏横向(手机下),快进快退,画中画

自动播放:顾名思义打开视频自动播放,

预加载:预加载就是自动加载资源60s,

时间记忆:换个词记忆播放,接着上次播放的 时间继续播放,

全屏横向:点击手机屏幕全屏按钮或双击手机屏幕中间即可横向全屏,

快进快退:移动端点击屏幕左边快退10s,以则相反,PC端可以按左右键。

画中画:视频呈现的另一种方式。手机全屏下在手机屏幕上显示一个小窗口播放。

感觉还不错,所以整合好给大家,这个播放器代码很简洁,界面也很简洁。

苹果CMSV10整合PlayerJS播放器(带记忆播放)插图

这个播放器分:免费版,专业版,企业版,咱们使用代码是免费版的。

1.1、下载脚本并将其放在页面的头部

<script src="https://lirongyao.com/player/js/playerjs.js" type="text/javascript"></script>

1.2、播放器代码

<div id="player"></div> 
<script> 
var player = new Playerjs({
   id:"player", 
   "file":parent.MacPlayer.PlayUrl
});
</script>

代码我发出来,如何整合请参考这篇https://lirongyao.com/maccms-v10-integration-aliplayer.html

上面的是一种整合方法。

下面的是另一种方法。

2.1、进入[后台],点击顶部到导航[视频],选择左边导航中的[播放器],点击[添加],基本设置

状态:启用,
编码:playerjs,
名称:PlayerJS, 
备注:playerjs,
目标窗口,当前,
析状态:禁用, 
解析接口:空,
排序:例如100,
提示:无需安装任何插件

2.2、播放器代码

内容查看此隐藏内容查看价格为5积分,请先
付费阅读隐藏内容,购买后刷新页面即可查看,如有问题可留言
虚拟产品一旦购买,不能退款。建议收费资源购买前咨询:QQ819229574
最后保存。
记得把1.1中的playerjs.js文件下载保存到苹果cmsv10对应的目录下(或者去playerjs.com自己下载官方文件),然后把播放器高度设置成相应的界面的高度。

如果不会添加播放器请下载播放器文件,在到苹果后台播放器中导入,然后按上面的文件路径上传播放器文件。

如果使用wordpress程序,还有一个专属的插件,下载地址:

https://wordpress.org/plugins/playerjs/

付费后不要点击下载,那个是插件bug,付费后刷新页面即可。

不提供帮助,只是教程。

资源下载此资源下载价格为5积分,请先
付费阅读隐藏内容,购买后刷新页面即可查看,如有问题可留言
虚拟产品一旦购买,不能退款。建议收费资源购买前咨询:QQ819229574
原创文章,转载请注明: 转载自荣耀博客
本文链接地址: 苹果CMSV10整合PlayerJS播放器(带记忆播放)

关于 荣耀博客

好记性,不如烂笔头。

随机推荐

阿里H5视频播放器源码(仿哔哩哔哩播放器)插图

阿里H5视频播放器源码(仿哔哩哔哩播放器)

这个播放器界面,看起来比默认阿 …

15 评论

  1. 刚买
    下载信息错误啊!!!

    • 荣耀博客

      没有下载内容,插件问题,刷下隐藏内容刷新就好了

    • 直接给个吧 这个看不懂呀。。

    • 能不能把直接弄好的playerjs.js文件发我呀。。大佬

    • 荣耀博客

      上面不是有吗

    • 1.1和1.2步怎么弄啊 没看懂 这个文件合在一起就是playerjs.js吗?

    • 荣耀博客

      看看就行了

    • 那买了 不会用 能直接打包文件给我吗?
      看不懂 心好累。

    • 荣耀博客

      这个除了播放器js,没有其他文件可以给你。教程已经说的很明白了。

    • 按照第二种方法弄了 但是视频播放页面 播放器是黑屏的。。

    • 荣耀博客

      点击网站右上角QQ,截图我看看

    • 我加你好友了 不是好友我这发不了图片!

  2. dasda大大说到底

  3. andy_iacheng

    下载信息错误!

发表评论