Javascript Firefox mobile在全屏播放视频时禁用自动横向屏幕
每次我在全屏Firefox移动浏览器上播放视频时(我使用的是beta版,稳定版是一样的),我可以在Firefox移动浏览器上禁用自动风景吗 我的自动旋转在我的android手机上被禁用,chrome表现正常 复制步骤Javascript Firefox mobile在全屏播放视频时禁用自动横向屏幕,javascript,android,ios,firefox,browser,Javascript,Android,Ios,Firefox,Browser,每次我在全屏Firefox移动浏览器上播放视频时(我使用的是beta版,稳定版是一样的),我可以在Firefox移动浏览器上禁用自动风景吗 我的自动旋转在我的android手机上被禁用,chrome表现正常 复制步骤 单击“切换全屏” 点击播放 您将看到屏幕旋转 这里是我的代码,或者您可以选择查看 你好 全屏切换 /*CSS文件将样式规则添加到内容中*/ 身体{ 字体系列:helvetica、arial、无衬线字体; 边缘:2米; } .隐藏全屏模式{ 位置:固定; 显示:无; 宽度:100
你好
全屏切换
/*CSS文件将样式规则添加到内容中*/
身体{
字体系列:helvetica、arial、无衬线字体;
边缘:2米;
}
.隐藏全屏模式{
位置:固定;
显示:无;
宽度:100%;
身高:100%;
排名:0;
左:0;
右:0;
底部:0;
背景颜色:黄色;
z指数:2;
光标:指针;
}
.隐藏全屏模式视频{
宽度:100%;
身高:100%;
}
const hiddenVideo=document.getElementById('hidden-video'))
常量normalVideo=document.getElementById('video-element')
让isFullscreen=false
函数切换全屏(){
设elem=document.querySelector(“body”);
如果(!document.fullscreenElement){
元素请求全屏()
}否则{
document.exitFullscreen();
}
}
//在所有可能的浏览器中应用更改全屏侦听器
if(文件增补列表器){
document.addEventListener('fullscreenchange',fullscreenHandler,false);
document.addEventListener('mozfullscreenchange',fullscreenHandler,false);
document.addEventListener('MSFullscreenChange',fullscreenHandler,false);
document.addEventListener('webkitfullscreenchange',fullscreenHandler,false);
}
//全屏收听事件退出
函数fullscreenHandler(){
if(document.webkitIsFullScreen | | | document.mozFullScreen | | | document.msFullscreenElement!==null){
如果(全屏显示){
hiddenVideo.style=“显示:无;”
normalVideo.style=“显示:块;”
isFullscreen=false
}否则{
hiddenVideo.style=“显示:块;”
normalVideo.style=“显示:无;”
isFullscreen=true
}
}
}