首页 > 其他 > 详细

全屏切换

时间:2019-07-15 11:02:39      阅读:84      评论:0      收藏:0      [点我收藏+]
removeAttribute
对任何元素都有全屏操作和取消操作
使用H5的 api requesFullScreen cancelFullScreen
使用H5的api需要注意 某一些api比较新 浏览器还没有去支持 : 加自己浏览器的相关前缀  webkitRequestFullscreen(谷歌浏览器)
注意:
谷歌浏览器 webkit
safari浏览器 webkit
火狐浏览器 moz
欧朋浏览 o
IE浏览器 ms
 
开启全屏的时候写法 元素.前缀RequestFullscreen()
关闭全屏的时候 就不是操作这个元素了  要操作 document.前缀cancelFullScreen()
var box = document.querySelector(‘.box‘)
    // 开启全屏
    document.querySelector(‘.btn1‘).onclick = function () {
      box.webkitRequestFullscreen()
    }
    // 取消全屏
    document.querySelector(‘.btn2‘).onclick = function () {
      document.webkitCancelFullScreen()
    }

 

document.isFullScreen检测当前是否处于全屏
不同浏览器需要添加前缀
document.webkitIsFullScreen、document.mozIsFullScreen
 

全屏切换

原文:https://www.cnblogs.com/maxiag/p/11187439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!