如何禁用HTML Video Player播放速度选项及右上角三点菜单

存在对应的原生控制参数，你可以通过controlslist属性的noplaybackrate值实现需求，用法和你提到的nodownload完全一致。

你可以直接按照如下格式编写video标签，即可隐藏播放速度调整选项：

<video 
  controls
  disablepictureinpicture
  controlslist="nodownload noplaybackrate"
  src="你的视频资源地址"
>
</video>

注意事项 #

• noplaybackrate是HTML5原生video标签的标准控制参数，Chrome 58+、Edge 79+、Firefox 116+、Safari 15.4+均原生支持，无需引入额外依赖
• 如需同时禁用多个控制项，只需在controlslist属性值中用空格分隔多个参数即可，除了上述的nodownload、noplaybackrate，还支持nofullscreen参数用于隐藏全屏按钮
• 如果你使用的是Vue-video-player、xgplayer等第三方封装的播放器组件，绝大多数都支持透传原生video属性，直接给组件绑定对应的controlslist参数即可生效
• 如需兼容更低版本的老旧浏览器，可以额外补充JS代码手动移除播放速度选项的DOM节点，常规业务场景下直接使用原生属性即可满足需求

内容的提问来源于stack exchange，提问作者Bharat