video标签处理 隐藏下载按钮等

隐藏下载按钮
增加 controlsList="nodownload" 属性
<video controlsList="nodownload" >

1. //禁用右键
2. $('video').bind('contextmenu',function() { return false; });

  // 隐藏video 音量按钮
  video::-webkit-media-controls-mute-button {
    display: none !important;
  }
 
  // 隐藏video 当前按钮
  video::-webkit-media-controls-current-time-display {
    display: none !important;
  }
 
  // 隐藏video 总时间
  video::-webkit-media-controls-time-remaining-display {
    display: none !important;
  }
 
  // 隐藏video 全屏按钮
  video::-webkit-media-controls-fullscreen-button {
    display: none !important;
  }

留言评论