zoukankan      html  css  js  c++  java
  • video标签如何隐藏全屏按钮、去掉画中画和下载功能,进入全屏、退出全屏

    video::-webkit-media-controls-fullscreen-button {
         display: none;
    }
    

     2、去掉画中画和下载功能

    controlsList="nodownload"   disablePictureInPicture
    

      

    原生video标签隐藏底部功能按钮

    3、进入全屏

      //进入全屏
        requestFullScreen() {
          var de = document.documentElement;
          if (de.requestFullscreen) {
            de.requestFullscreen();
          } else if (de.mozRequestFullScreen) {
            de.mozRequestFullScreen();
          } else if (de.webkitRequestFullScreen) {
            de.webkitRequestFullScreen();
          }
        },

    4、退出全屏

      //退出全屏
        exitFullscreen() {
          var de = document;
          if (de.exitFullscreen) {
            de.exitFullscreen();
          } else if (de.mozCancelFullScreen) {
            de.mozCancelFullScreen();
          } else if (de.webkitCancelFullScreen) {
            de.webkitCancelFullScreen();
          }
        },
    

      

  • 相关阅读:
    2019JAVA第三次实验报告
    第二次作业
    第一周作业
    2019年春总结
    第二周作业
    第十二周作业
    第十一周作业
    第十周作业
    第九周作业
    第八周作业
  • 原文地址:https://www.cnblogs.com/carriezhao/p/15752031.html
Copyright © 2011-2022 走看看