HTML5,javascript如何让浏览器自动全屏显示(或者其它方法也可以)
黄舟
黄舟 2017-04-10 15:12:16
0
6
452
<html >
<meta charset="UTF-8">
<body>
<button onclick="launchFullscreen(document.documentElement);">启动全屏</button>  



<script>
function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}
 
</script>



</body>
</html>

现在这段代码只能点击按钮才能全屏,有没有什么方法自动全屏浏览器的

请给出代码实现

谢谢

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

reply all(6)
PHPzhong

我试着改写成立即执行的函数表达式:

(function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
})(document.documentElement);

但是chrome提示:

Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture.

貌似意设定:这种api操作只能有人来出发。。。

api给的例子也是由一个条件来出发这个html5的全屏函数:

element.requestFullScreen()

Makes an inpidual element full-screen, e.g. document.getElementById(“myvideo”).requestFullScreen().

刘奇

试试把宽高设置成100%,或者设置成window.screen.availHieght和window.screen.availWidth

Peter_Zhu

试过直接调用函数,但是chrmoe提示这个API只能够通过用户操作来触发。

伊谢尔伦

有些手机浏览器通过添加一个mate标签是可以自动进入应用模式的,iPhone自带的,QQ浏览器,还有UC浏览器,都是可以的

黄舟

因为找不到想要的结果所以直接用python脚本写了一个

巴扎黑

我最近也遇到了同样的问题 需要页面加载完成后就是浏览器全屏 一直找不到方法解决 楼主可以提供下你的解决方案和python脚本文件吗 非常感谢 这是我的QQ:376984070

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template