禁用 HTML5 视频标签上的全屏按钮

Question

当谷歌搜索“禁用 HTML5 视频全屏”时，大多数答案建议我禁用

<video>

标签的自定义控件并自己构建自定义控件，但就在 MDN 网站上，有一篇关于

<video>

标签的文章，其中包含所有仅禁用该按钮（进入全屏模式）的示例：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video。我的问题是：这是怎么做到的？

Answer 1

controlslist 属性指定后，可以帮助浏览器选择在浏览器显示自己的控件集时（例如，当指定controls 属性时）在媒体元素上显示哪些控件。 允许的值为 nodownload、nofullscreen 和 noremoteplayback。

<video controls controlsList="nofullscreen">

https://googlechrome.github.io/samples/media/controlslist.html

Answer 2

我不知道你的例子是如何工作的，但你可以试试这个

<video controls controlslist="nofullscreen">
  <source src="video.mp4" type="video/mp4">
</video>

Answer 3

请记住，Firefox 不支持此 controlList 属性