search

Home  >  Q&A  >  body text

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

<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>

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

请给出代码实现

谢谢

黄舟黄舟2902 days ago451

reply all(6)I'll reply

  • PHPz

    PHPz2017-04-10 15:14:16

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

    (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().

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 15:14:16

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

    reply
    0
  • 天蓬老师

    天蓬老师2017-04-10 15:14:16

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

    reply
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-10 15:14:16

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

    reply
    0
  • 黄舟

    黄舟2017-04-10 15:14:16

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

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 15:14:16

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

    reply
    0
  • Cancelreply