html js让元素全屏和取消全屏显示

痛定思痛。 2022-02-26 11:44 722阅读 0赞

先获取到元素节点，然后设置全屏即可，这里我是用vue获取的，videoDom就是dom节点，用原生js获取的也是一样的

  1. let videoDom = this.$refs.baseVideoBox; 
  2.     if (videoDom.requestFullscreen) {
  3.           videoDom.requestFullscreen();
  4.      } else if (videoDom.webkitRequestFullScreen) {
  5.           videoDom.webkitRequestFullScreen();
  6.      } else if (videoDom.mozRequestFullScreen) {
  7.           videoDom.mozRequestFullScreen();
  8.      } else {
  9.           videoDom.msRequestFullscreen();
  10.     }

取消全屏，取消全屏需要设置document

  1. if (document.exitFullscreen) {
  2.           document.exitFullscreen();
  3.         } else if (document.mozCancelFullScreen) {
  4.           document.mozCancelFullScreen();
  5.         } else if (document.msExitFullscreen) {
  6.           document.msExiFullscreen();
  7.         } else if (document.webkitCancelFullScreen) {
  8.           document.webkitCancelFullScreen();
  9.         }

发表评论

表情：
评论列表 （有 0 条评论，722人围观）

还没有评论，来说两句吧...

相关阅读