当前位置:   article > 正文

原声js控制浏览器全屏或者退出全屏_js 视频 全屏后自动退出全屏怎么办

js 视频 全屏后自动退出全屏怎么办

开启全屏

 if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
}
 //FireFox
 else if (document.documentElement.mozRequestFullScreen) {
      document.documentElement.mozRequestFullScreen();
}
 //Chrome等
else if (document.documentElement.webkitRequestFullScreen) {
     document.documentElement.webkitRequestFullScreen();
}
//IE11
else if (document.documentElement.msRequestFullscreen) {
      document.body.msRequestFullscreen();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

退出全屏

if (document.exitFullscreen) {
   document.exitFullscreen();
}
else if (document.msExitFullscreen) {
    document.msExitFullscreen();
}
else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}else {
    window.parent.showTopBottom();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/145345
推荐阅读
相关标签
  

闽ICP备14008679号