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

video标签和audio标签许多属性都基本一致

1）隐藏下载按钮

// 增加controlList="nodownload"属性

2）禁用右键

$('video').bind('contextmenu',function() { return false; });

3)其他按钮操作

  // 隐藏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;