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

Question

当我在谷歌搜索“禁用HTML5视频全屏”时，大多数答案建议我禁用<video>标签的自定义控件并制作自定义控件，但是在MDN网站上有一篇关于<video>标签的文章，其中所有示例都已禁用了一个按钮（进入全屏模式）：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video。我的问题是：如何做到这一点？

- stack

Answer 1

当指定controlslist属性时，它有助于浏览器在显示自己的控件集（例如，指定了controls属性时）时选择要显示在媒体元素上的控件。

它允许的取值为nodownload（不显示下载按钮），nofullscreen（不显示全屏按钮）和noremoteplayback（不显示远程播放按钮）。

<video controls controlsList="nofullscreen">

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

- Kazimierz Niewielki

Answer 2

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

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

- Esteban MANSART

Answer 3

记住，Firefox不支持controlList属性。

- Sckq

---

欢迎来到社区 @Sckq。你可以直接评论而不是发帖。总的来说，你可以提供更多信息来回答原帖的问题，而不仅仅是提醒一些与问题不太相关的事情。 - undefined