2021年5月12日 星期三

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

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

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

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

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

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

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

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

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

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

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

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

1.1、下载脚本并将其放在/static/player/playerjs/目录下

https://cdn.plrjs.com/player/8zh553e3di5h8/q0i8wbjjqubk.js

1.2、播放器代码

<!DOCTYPE html>
<html>
<head>
<title>PlayerJS播放器</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<script src="https://lirongyao.com/static/player/playerjs/playerjs.js" type="text/javascript"></script>
<style type="text/css">
html,body{width:100%;height:100%; padding:0; margin:0;}
#playerCnt{width:100%;height:100%;}
</style>
</head>
<body>
<div id="playerCnt"></div> 
<script> 
   var player = new Playerjs({   
       id:"playerCnt",
       autoplay : 1, 
       "file":parent.MacPlayer.PlayUrl
   });
</script>
</body>
</html>

上面的是一种整合方法,下面的是另一种整合方法,两种任选其一

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

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

2.2、播放器代码

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

如果不会添加播放器,本内容底部下载播放器,在到苹果后台播放器中导入,然后按上面红色字内容去下载播放器文件。

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

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

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

不提供帮助,只是教程。

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

关于 荣耀博客

好记性,不如烂笔头。

随机推荐

WordPress密码保护分类插件 Password Protected Categories v1.4.2缩略图

WordPress密码保护分类插件 Password Protected Categories v1.4.2

这是一个可以用密码保护您博客分 …

20 评论

  1. PC版没问题 但是手机版,打包完APP 还是不能自动横屏

  2. 那些不懂的,把1.1和1.2合并起来放在v10player目录里建一个名字playerjs.html的文件,把1.1和1.2的内容合并一起放到players.html的文件里,播放器代码包含在body内,然后去网站后台添加playerjs播放器,播放器代码看其他代码怎么弄的复制到这个里,把例如:player.html修改成playerjs就行了

    • 荣耀博客

      下载附件,在后台导入播放器文件,然后把playerjs.js放到/static/player/playerjs/目录中就行了

  3. 其实作者已经说的很清楚了,非常好的文章感谢分享,晚上回家试试。

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

    • 荣耀博客

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

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

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

    • 荣耀博客

      上面不是有吗

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

    • 荣耀博客

      看看就行了

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

    • 荣耀博客

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

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

    • 荣耀博客

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

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

  5. dasda大大说到底

  6. andy_iacheng

    下载信息错误!

发表评论

'); })();