详细问题描述
iframe引入的第三方视频,点击全屏播放后 安卓手机的底部虚拟按键是一直显示着的。我试图通过以下代码实现完全全屏:
document.addEventListener('plusready', function(){
document.addEventListener('webkitfullscreenchange', function() {
var el = document.webkitFullscreenElement; //获取全屏元素
if(el) {
plus.screen.lockOrientation('landscape'); //锁死屏幕方向为横屏
hide_system_bar();
} else {
plus.screen.unlockOrientation(); //解除屏幕方向的锁定,但是不一定是竖屏;
plus.screen.lockOrientation('portrait'); //锁死屏幕方向为竖屏
show_system_bar();
}
});
});
//隐藏系统底部虚拟物理按键
function hide_system_bar(){
var main = plus.android.runtimeMainActivity();
var windowMe = main.getWindow();
plus.android.importClass(windowMe);
var decorView = windowMe.getDecorView();
plus.android.importClass(decorView);
var View = plus.android.importClass("android.view.View");
var uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY | View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);
}
//显示系统底部虚拟物理按键
function show_system_bar(){
var main = plus.android.runtimeMainActivity();
var windowMe = main.getWindow();
plus.android.importClass(windowMe);
var decorView = windowMe.getDecorView();
plus.android.importClass(decorView);
var View = plus.android.importClass("android.view.View");
decorView.setSystemUiVisibility(0);
}
以上代码在华为手机上是有效的,但是在vivo上会导致视频不能全屏(隐藏状态栏和底部虚拟按键后会自动跳出全屏)
App运行环境说明
[Android版本号] 8.0
[iOS版本号]
[手机型号] vivo x21
[模拟器型号]
wtao (作者)
也是不行
2019-05-07 16:02
DCloud_Android_ST
回复 wtao: 上传个demo吧
2019-05-07 16:07
wtao (作者)
回复 DCloud_Android_ST: 你好,已上传,见楼下附件,解压后安装
2019-05-07 17:54