帮助列表
帮助列表
安卓端播放器非全屏适配和加title

1.MPS移动端安卓播放器非全屏适配


var playCallback = null;

var pauseCallback = null;


playCallback = function(){

setTimeout(

function(){


             alert($('#lssPlayBox').height());//播放时返回的播放器的高度,用来业务层调整外部页面


}

,1000);

};


pauseCallback = function(){

setTimeout(

function(){


             alert($('#lssPlayBox').height());//暂停播放时返回的播放器的高度,用来业务层调整外部页面


}

,1000);

};

objectPlayer=new mpsPlayer({

container:'lssPlayBox',//播放器容器ID,必要参数

uin: '3069',//用户ID

appId: 'fB3mmB31H6HPySyy',//播放实例ID

hlsUrl:m3u8,//控制台开通的APP rtmp地址,必要参数

width: '100%',//视频宽度,可用数字、百分比等

height: '100%',//视频高度,可用数字、百分比等

autostart: true,//是否自动播放,默认为false

adveDeAddr: surface,//封面图片链接

controlbardisplay: 'enable',//是否显示控制栏,值为:disable、enable默认为disable

isclickplay: false,//是否单击播放,默认为false

isfullscreen: true,//是否双击全屏,默认为true

mobilefullscreen: false,//移动端是否全屏,默认为false

playCallback:playCallback,//仅移动端生效

pauseCallback:pauseCallback,//仅移动端生效

bufferlength: '1',//视频缓冲时间,默认为3秒

maxbufferlength: '2',//最大视频缓冲时间,默认为2秒

stretching: '1'//设置全屏模式,1代表按比例撑满至全屏,2代表铺满全屏,3代表视频原始大小,默认值为1

});


2.MPS移动端安卓播放器非全屏时加title


 a.在boby加入该标签:   <li class="mpstitle-name">标题?true</li> 注意: ?true必须带上,不带不显示

 然后加入下面css样式: 

                .mpstitle-name {

                        position: absolute;

                        z-index: 5;

                        top: 0;

                        left: 0;

                        right: 0;

                        text-shadow: none;

                        color: #fff;

                        background-color: #000;

                        font-weight: 700;

                        width: 100%;

                        text-align: center;

                        font-size: 1rem;

                        height: 50px;

                        list-style: none;

                        line-height: 50px;

                        display: none

                }

 b.加入title适配:在1中该函数回调返回的$('#lssPlayBox').height()的高度需在加50,如下,其他不变

               

            playCallback = function(){

                setTimeout(

                    function(){

                    

                          alert($('#lssPlayBox').height()+50);//播放时返回的播放器的高度,用来业务层调整外部页面

                    

                    }

                ,1000);

            };