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

【问题标题】：Disabling fullscreen button on HTML5 video tag禁用 HTML5 视频标签上的全屏按钮
【发布时间】：2021-02-18 00:49:42
【问题描述】：

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

【问题讨论】：

标签： javascript html html5-video

【解决方案1】：

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

<video controls controlsList="nofullscreen">

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

【讨论】：

【解决方案2】：

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

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

【讨论】：