帮助列表 |
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);
};