阿里全频视频播放js

<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();
         });

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值