<link href="css/aliplayer-min.css.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.5.0/aliplayer-min.js"></script>
<div id='J_prismPlayer' class='prism-player' style='width: 100%;margin-top: 0px;display: none;'></div>
var bodyWidth = document.documentElement.clientWidth || document.body.clientWidth;
var bodyHeight = document.documentElement.clientHeight || document.body.clientHeigth;
var url = location.href.split('#')[0];
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
//http://zhidingfun.test.qingcdn.com/wykl2.mp4
//第一个遮罩
//按钮
if (isAndroid) {
//设置播放器的宽高
$('#J_prismPlayer').css('height', bodyHeight * 1.1);
$(".oneDiv").css("height", bodyHeight * 1.1);
}
if (isiOS) {
$('#J_prismPlayer').css('height', bodyHeight * 1);
$(".oneDiv").css("height", bodyHeight * 1);
}
player = new Aliplayer({
id: 'J_prismPlayer',
height: bodyHeight,
width: bodyWidth,
//支持播放地址播放,此播放优先级最高
source: 'mp4/mp4-1.mp4',
language: 'zh-cn',
x5_fullscreen: true, //全屏播放
x5_type: 'h5', //声明启用同层H5播放器,支持的值:h5
playsinline: true,
skinLayout: false
}, function(player) {
player.pause();
});