如何禁用 HTML 视频播放器播放速度/三个点

Bha*_*rat 9 html javascript video google-chrome html5-video

我不想在视频中显示播放速度,是否有任何控件或controlList属性可以禁用该选项,例如controls disablepictureinpicture controlslist="nodownload"

小智 17

将参数“noplaybackrate”添加到controlsList。这个对我有用。


Ewa*_*Bos 12

您可以添加以下内容:

video.controlsList = "noplaybackrate";
Run Code Online (Sandbox Code Playgroud)

但是,如果您也想停用其他功能,那么:

video.controlsList = "noplaybackrate nodownload"
Run Code Online (Sandbox Code Playgroud)

您将看到“画中画”列表中的最后一个

禁用这个:

video.disablePictureInPicture = true;
Run Code Online (Sandbox Code Playgroud)

现在你的三个点消失了

并完成禁用全屏功能

video.controlsList = "noplaybackrate nodownload nofullscreen"
Run Code Online (Sandbox Code Playgroud)


小智 4

根据文档,只有三个选项可用(nodownloadnofullscreennoremoteplayback),但似乎没有一个选项可以满足您的要求。
您无法设置浏览器默认控件集的样式,但您可以使用 (JavaScript) Media API 构建您自己的控件集,当然您可以按照您喜欢的任何方式设置样式。请参阅此 CodePen