资源狗搬运工苹果cms教程 2022-04-21

苹果CMSV10整合PlayerJS播放器（带记忆播放）

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

例如：自动播放，预加载，时间记忆，全屏横向（手机下），快进快退，画中画

自动播放：顾名思义打开视频自动播放，

预加载：预加载就是自动加载资源60s，

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

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

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

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

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

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

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

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

VIP免费永久VIP免费

已有1人支付

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>