美文网首页
使Div全屏

使Div全屏

作者: 等级7 | 来源:发表于2022-08-10 11:10 被阅读0次
    toggleFullscreen() {
      const isFullscreen = document.webkitIsFullScreen || document.fullscreen;
      const canvas = document.getElementById(this.videoId);
      if (isFullscreen) {
        const exitFunc =
          document.exitFullscreen || document.webkitExitFullscreen;
        exitFunc.call(document);
      } else {
        const element = this.$refs.vcontainer;
        const fullscreenFunc =
          element.requestFullscreen || element.webkitRequestFullScreen;
        fullscreenFunc.call(element);
      }
    }

相关文章

  • 使Div全屏

  • CSS实现全屏切换效果

    如何通过CSS使div实现全屏效果 全屏要素 全屏的元素及其父元素都要设置height:100% 将html、bo...

  • DIV全屏

    全屏 退出全屏 function showFull(){var full=document.getElement...

  • div全屏的设置

    最简单实用的一种办法: var element=document.getElementById("fullScre...

  • float实现网站头部导航

    为了实现上面这个效果,完整版代码如下: div默认宽度全屏,高度自适应(根据里面内容的高度),如果定义了div高度...

  • 实现屏幕"田"字

    实现全屏田字的方法四个div标签,使用IE 盒模型,设置属性

  • DIV高度自适应全屏

  • 浏览器全屏

    先说一下,所谓全屏指的是用户手动触发点击事件使浏览器进入全屏或退出全屏,也可以按esc退出全屏,而按F11虽然也是...

  • 居中布局

    1、水平居中(宽度未知) 例:有两个div,大的div包裹着小的div,如何使小的div水平居中在大的div中? ...

  • js实现页面全屏和元素全屏

    全屏API H5有一个全屏API,Element.requestFullscreen() 方法用于发出异步请求使元...

网友评论

      本文标题:使Div全屏

      本文链接:https://www.haomeiwen.com/subject/sazowrtx.html