前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Mui移动端视频自动全屏方法

Mui移动端视频自动全屏方法

作者头像
素描
发布2019-09-19 10:34:35
1.1K0
发布2019-09-19 10:34:35
举报
文章被收录于专栏:编程录编程录
代码语言:javascript
复制
var player_flg =false;
//视频初始化完成
player.on('complete', function() {
	//$('#mse .xgplayer-fullscreen').trigger("click"); 
	lockOrientation(); 
})

//强制横屏及全屏
function lockOrientation(){
	mui.plusReady(function() {
		plus.navigator.setFullscreen(true); 
		plus.screen.lockOrientation("landscape-primary"); 
		$('#mse .xgplayer-fullscreen').css('display','none');
		$("#videoPlayBox").show();
		$(".wrap-top").hide();
	});
}

//返回
mui.plusReady(function() {
	plus.screen.lockOrientation("portrait-primary");
	var old_back = mui.back;
	mui.back = function(){  
		if(player_flg){
			player.destroy();
			plus.screen.lockOrientation("portrait-primary");
			$("#videoPlayBox").hide();
			$(".wrap-top").show();
			player_flg = false;
		}else{
			console.log("back");
			old_back();
		}
	}  
})
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档