本次整合的播放器,是一个国外的播放器:PlayerJS,代码简单,基本的功能都有。
例如:自动播放,预加载,时间记忆,全屏横向(手机下),快进快退,画中画
自动播放:顾名思义打开视频自动播放,
预加载:预加载就是自动加载资源60s,
时间记忆:换个词记忆播放,接着上次播放的 时间继续播放,
全屏横向:点击手机屏幕全屏按钮或双击手机屏幕中间即可横向全屏,
快进快退:移动端点击屏幕左边快退10s,以则相反,PC端可以按左右键。
画中画:视频呈现的另一种方式。播放器全屏下在手机屏幕上显示一个小窗口播放。
感觉还不错,所以整合好给大家,这个播放器代码很简洁,界面也很简洁。
这个播放器分:免费版,专业版,企业版,咱们使用代码是免费版的。
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="/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、播放器代码
记得把1.1链接playerjs.js文件下载保存到/static/player/playerjs/目录下(建议去playerjs.com自己下载官方文件),然后进网站后台设置成相应的界面的高度。
如果不会添加播放器,本内容底部下载播放器,在到苹果后台播放器中导入,然后按上面红色字内容去下载播放器文件。
如果使用wordpress程序,还有一个专属的插件,下载地址:
https://wordpress.org/plugins/playerjs/
付费后不要点击下载,那个是插件bug,付费后刷新页面即可。
不提供帮助,只是教程。
本文链接地址: 苹果CMSV10整合PlayerJS播放器(带记忆播放)
刚刚试了 怎么我的没有记忆功能
自己的js需要把记忆功能打开
大佬 ,自己设置的播放样式.移动端 播放没声音.必须手动开一次~麻烦这个需要怎么设置下!
用谷歌浏览器可以翻译,把静音关闭就行了。
1、Playback》Autoplay》Try mute
2、Memorizing》Memorize volume mute
PC版没问题 但是手机版,打包完APP 还是不能自动横屏
谷歌火狐浏览器正常没用过webapp
那些不懂的,把1.1和1.2合并起来放在v10player目录里建一个名字playerjs.html的文件,把1.1和1.2的内容合并一起放到players.html的文件里,播放器代码包含在body内,然后去网站后台添加playerjs播放器,播放器代码看其他代码怎么弄的复制到这个里,把例如:player.html修改成playerjs就行了
下载附件,在后台导入播放器文件,然后把playerjs.js放到/static/player/playerjs/目录中就行了
其实作者已经说的很清楚了,非常好的文章感谢分享,晚上回家试试。
刚买
下载信息错误啊!!!
没有下载内容,插件问题,刷下隐藏内容就显示了
直接给个吧 这个看不懂呀。。
能不能把直接弄好的playerjs.js文件发我呀。。大佬
上面不是有吗
1.1和1.2步怎么弄啊 没看懂 这个文件合在一起就是playerjs.js吗?
看看就行了
那买了 不会用 能直接打包文件给我吗?
看不懂 心好累。
这个除了播放器js,没有其他文件可以给你。教程已经说的很明白了。
按照第二种方法弄了 但是视频播放页面 播放器是黑屏的。。
点击网站右上角QQ,截图我看看
我加你好友了 不是好友我这发不了图片!
dasda大大说到底
下载信息错误!
感谢反馈 已修复