禁用 HTML5 視頻標簽上的全屏按鈕

Question

當谷歌搜索“禁用 HTML5 視頻全屏”時，大多數答案建議我禁用<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

控件列表屬性，當指定時，幫助瀏覽器選擇在瀏覽器顯示它自己的控件集時在媒體元素上顯示的控件（例如，當控件屬性被指定時）。 允許的值為 nodownload、nofullscreen 和 noremoteplayback。

<video controls controlsList="nofullscreen">

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