为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5,javascript如何让浏览器自动全屏显示(或者其它方法也可以)

HTML5,javascript如何让浏览器自动全屏显示(或者其它方法也可以)

月关宝盒 2019-04-19 15:59:44
启动全屏functionlaunchFullscreen(element){if(element.requestFullscreen){element.requestFullscreen();}elseif(element.mozRequestFullScreen){element.mozRequestFullScreen();}elseif(element.webkitRequestFullscreen){element.webkitRequestFullscreen();}elseif(element.msRequestFullscreen){element.msRequestFullscreen();}}现在这段代码只能点击按钮才能全屏,有没有什么方法自动全屏浏览器的请给出代码实现谢谢
查看完整描述

2 回答

?
MMTTMM

TA贡献1869条经验 获得超4个赞

我试着改写成立即执行的函数表达式:
(functionlaunchFullscreen(element){
if(element.requestFullscreen){
element.requestFullscreen();
}elseif(element.mozRequestFullScreen){
element.mozRequestFullScreen();
}elseif(element.webkitRequestFullscreen){
element.webkitRequestFullscreen();
}elseif(element.msRequestFullscreen){
element.msRequestFullscreen();
}
})(document.documentElement);
但是chrome提示:
Failedtoexecute'requestFullScreen'on'Element':APIcanonlybeinitiatedbyausergesture.
貌似意设定:这种api操作只能有人来出发。。。
api给的例子也是由一个条件来出发这个html5的全屏函数:
element.requestFullScreen()
Makesanindividualelementfull-screen,e.g.document.getElementById(“myvideo”).requestFullScreen().
                            
查看完整回答
反对 回复 2019-04-19
?
jeck猫

TA贡献1909条经验 获得超7个赞

试试把宽高设置成100%,或者设置成window.screen.availHieght和window.screen.availWidth
                            
查看完整回答
反对 回复 2019-04-19
  • 2 回答
  • 0 关注
  • 284 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信