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

Question

当谷歌搜索 'disable HTML5 video fullscreen' 时，大多数答案建议我禁用 <video> 标签的自定义控件并构建自己的自定义控件，但就在 MDN 网站上，有一篇关于 <video> 标签，所有示例都只禁用了一个按钮（进入全屏模式）：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video。我的问题是：它是如何完成的？

Answer 1

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

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

Answer 2

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

<video controls controlsList="nofullscreen">

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

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

Disabling fullscreen button on HTML5 video tag

html

javascript

html5-video