苹果CMSV10整合aliplayer播放器/带记忆播放

news/2024/10/22 16:45:32/

aliplayer 阿里播放器的记忆功能很给力,这篇整合教程加了阿里播放器的记忆功能,去除了弹幕,资源预加载等功能。
使用方法:
1、进入[后台],点击顶部到导航[视频],选择左边导航中的[播放器],点击[添加]

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

2、播放器代码

MacPlayer.Html = '<iframe src="'+maccms.path+'/static/player/aliplayer.html" width="100%" height="'+MacPlayer.Height+'" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>'; 
MacPlayer.Show();

3、保存。

4、进入网站根目录下/static/player/目录中,新建一个名为aliplayer.html文件,复制以下代码到这个文件中。

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="IE=edge" ><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>阿里播放器</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.7/skins/default/aliplayer-min.css"><script type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.8.7/aliplayer-min.js"></script><script type="text/javascript" src="https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js"></script><style type="text/css">body,html{background-color:#000;padding: 0;margin: 0;width:100%;height:100%;}.b-videobottom {width:100%;height:23px;background:#1D1D1D;position:fixed;text-align:center;left:0;z-index:100;}.b-adicon {font-size:12px;color:#555;line-height:23px;display:none;}  #zmyy{width:100%;height:100%;padding:0;margin:0;display:block;}</style>
</head>
<body>
<div class="b-videobottom"><span class="b-adicon" style="display: inline;">广告 > 本播放器,支持记忆播放,多次刷新不从来。</span>
</div>   
<div id="zmyy" class="prism-player"></div>
<script type="text/javascript">  
var player = new Aliplayer({"id": "zmyy","source": parent.MacPlayer.PlayUrl,width: "100%",height: "100%",autoplay: true,//是否自动播放preload: true,//播放器自动加载rePlay: false,//是否重播
playsinline: false,//H5是否内置播放useH5Prism: false,//强制H5播放器isLive: false,//是否直播
autoPlayDelay: 0,
autoPlayDelayDisplayText: '请稍待正在加载...',components: [{name: 'MemoryPlayComponent',type: AliPlayerComponent.MemoryPlayComponent,args: [true]}],
skinLayout:[{name: "bigPlayButton",align:"blabs",x:30,y:80},{name:"H5Loading",align:"cc"},{name:"errorDisplay",align:"tlabs",x:0,y:0},{name:"infoDisplay"},{name:"tooltip",align:"blabs",x:0,y:56},{name:"controlBar",align:"blabs",x:0,y:0,"children":[{name:"progress",align:"blabs",x:0,y:44},{name:"playButton",align:"tl",x:15,y:12},{name:"timeDisplay",align:"tl",x:10,y:7},{name:"fullScreenButton",align:"tr",x:10,y:12},{name:"setting",align:"tr",x:15,y:12},{name:"volume",align:"tr",x:5,y:10}]}
]}, 
function (player) {console.log("The player is created");});
try{//document.getElementById('zmyy').style.height = parent.MacPlayer.Height + 'px';
}
catch(e){}  
</script>
</body>
</html>

http://www.ppmy.cn/news/287756.html

相关文章

苹果cms播放器高度修改设置教程

声明&#xff1a;除特殊声明外本站文档均由作者原创&#xff0c;转载请注明出处&#xff0c;原文地址&#xff1a;苹果cms播放器高度修改设置教程 苹果CMSv10播放器的高度设置教程 1&#xff0c;苹果cms后台>>系统>>播放器参数配置>>修改电脑端&#xff0c…

苹果cms V10添加修改播放器教程

登陆苹果cmsv10后台&#xff0c;找到“视频”->“播放器” 如果是新添加播放器&#xff0c;请点击“添加”&#xff0c;然后添加你需要的播放器&#xff0c;参考下图 上图内容填写完毕后&#xff0c;最后一步&#xff0c;填写播放器代码 附上播放器代码&#xff1a; MacP…

苹果cms解析播放的常见问题

今天看到咱们群里讨论苹果cms解析播放的问题&#xff0c;就这个问题而言我们详细的说几点。 1&#xff0c;来到苹果系统后台&#xff1a;系统>>播放器参数配置>>红框内的解析地址是苹果官方默认的解析地址&#xff0c;这个是全局解析地址&#xff0c;可以更改成自…

苹果cms怎么设置播放器

苹果cms怎么设置播放器&#xff1f;今天就详细介绍下苹果cmsv10播放器的各个名称的功能与使用。 1.排序&#xff1a;播放器的序号 数字越大越靠前。 2.编码&#xff1a;采集视频的时候&#xff0c;资源站有个来源&#xff0c;对应的是我们自己程序的播放器编码&#xff0c;如果…

苹果app超级签名怎么弄

最近老是有人来问小编苹果app超级签名&#xff0c;为什么最近苹果签名掉签这么严重而且频繁&#xff0c;纷纷询问有没有什么稳定的企业签名&#xff0c;真的要被频繁掉签的苹果企业签名搞得头痛啊等等的抱怨。面对企业签名带来的烦恼&#xff0c;相信很多从事苹果app开发行业的…

苹果cms播放器添加教程

没有选中播放片源无法播放&#xff1f;&#xff1f; 有的朋友采集资源后&#xff0c;播放片源没有自动选择对应的数据没有播放按钮&#xff0c;无法播放。这种情况通常是因为没有添加对应的播放器导致&#xff01; 需要先在网站后台添加导入对应的播放器&#xff0c;才可以实…

苹果cms用php几,苹果CMS用的B站播放器

【实例简介】B站播放器风格&#xff0c;有弹幕、自动回到上次播放位置等功能。 安装教程&#xff1a; 1、在苹果CMS后台进入播放器页面(视频-播放器)&#xff0c;点添加&#xff1b; 2、状态-启用&#xff0c;编码-自己取(比如BiliM3U8)&#xff0c;名称-自己取(比如B站播放器)…

php苹果系统播放flv视频播放器,【分享】【优化】苹果CMSV10播放器dplayer

[PHP] 纯文本查看 复制代码dplayer增加记忆+P2P播放 body,html{width:100%;height:100%;background:#000;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden} *{margin:0;border:0;padding:0;text-decoration:none} #stats{position:fixed;top:5px;left:10px;font-size:…