html - HTML5Chrome中的播放器控件右侧三个点打开空白屏幕

Question

我正在使用标准 HTML5<video>标记将视频嵌入页面：

<video controls>
    <source src="video/intro-video.mp4" type="video/mp4"/>
</video>

但是，在右侧的 Chrome 的默认控件中，会显示三个点（选项），但是，当您单击它们时，它会进入一个空白屏幕，除了刷新整个页面之外没有其他方法可以摆脱它：

您如何使选项消失或防止出现空白屏幕？

标签： htmlgoogle-chromevideohtml5-video

Answer 1

您可以"nodownload" and "noplaybackrate"在controlslist其中添加将隐藏视频中的下载选项并disablepictureinpicture在视频标签内添加将隐藏画中画选项，这样三个点就会被隐藏：

<video width="100%" controls disablepictureinpicture controlslist="nodownload">
</video>

工作样本：

<video width="100%" controls disablepictureinpicture controlslist="nodownload noplaybackrate">
  <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
</video>