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

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>

苹果CMSV10整合aliplayer播放器/带记忆播放相关推荐

苹果CMS V10 整合阿里云播放器-带记忆播放
这篇整合教程加了阿里播放器的记忆功能,去除了弹幕,资源预加载等功能. 有人会说,我用ck .dp不好吗?为啥要用aliplayer,阿里播放器的记忆功能很给力,比如手机播放页面在后台放了很久,隔了几天 ...
苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集
声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集今天给大家分享下给dplayer播放器增加记忆+P2P播放+自动下 ...
dplayer播放器增加记忆 P2P播放自动下一集弹幕功能
搭建过苹果cms的都知道,苹果cms自带的播放器都特别拉跨如:DP ali这些都只要一些基础的功能,但是现在这些功能都都满足不了用户群体,所以今天小编给大家带来一款二改过的播放器新增了记忆播放,P2 ...
php 在线调用音乐播放器,宅音乐播放器,HTML5网页播放器，带后台管理及API调用，使用thinkphp编写...
宅音乐播放器宅音乐播放器,HTML5网页播放器,集成后台管理及API调用,目前正在开发中,敬请关注技术栈后端:thinkphp 5.1 前端:layui 数据库:mysql 演示整合依赖安装包 ...
2021最新哔哩bilibili视频弹幕播放器带后台版本完整无错修复
源码介绍: 此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况.站长亲测_测试环境:PHP7.0+MySQL5.6 优化修复功能:1.修复优化播放器播放结束自动下一集代码2.修复 ...
iOS一个模仿百度音乐盒的音乐播放器(带EQ均衡器)
工作之余, 断断续续写了这么一个音乐播放器, eq实现各种音效, 指定位置播放, 快进快退, 锁屏耳机线控等等, 基本就是参考百度音乐盒的功能来实现的.(项目地址最后放出, 项目中的资源接口, 是抓百 ...
（1）H5实现音乐播放器【正在播放-歌词篇】
近期闲来无事,就想着复习一下前端的东西,然后正好跟朋友搞了一个公共开放的音乐api接口,就想着写一个音乐播放器玩玩! 话不多说,直接上图,然后上代码 [播放器显示正在播放] 实现功能: 1:歌词随着歌 ...
html5 磁力链播放器,荐片播放器，据说是一款专治迅雷被封链接的看片下片神器...
影视播放器向来是热门话题,最近百无聊赖,闲暇之余只能追剧打发时间,我们之前给大家推荐了几款看片的APP,效果差强人意.其实这类工具真是多不胜数,今次再来推荐一款播放器,按照作者的说法,这是一款专治迅雷 ...
关于音乐播放器中随机播放的两种模式
众所周知,一个有完整功能的音乐播放器应该能够让用户自主选择播放模式,例如单曲循环,随机播放,列表循环,全部播放......本文主要讨论其中的随机播放,在实现随机播放的功能可以有两种方法,即random ...

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

苹果CMSV10整合aliplayer播放器/带记忆播放相关推荐

最新文章

热门文章