html5-video - 如何在 HTML5 视频上禁用画中画模式

Question

如何禁用 画中画 html5 视频模式？

Please note I'm not referring to this question which relates to Apple's AVKit

我知道您可以使用 controlsList="nodownload" 禁用视频下载，怎么可能 画中画模式。

<video controls controlsList="nodownload">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/ogg">
</video>

Answer 1

按照规范在 https://wicg.github.io/picture-in-picture/#disable-pip ,
控制它的属性是 disablePictureInPicture

<video controls disablePictureInPicture controlsList="nodownload">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/ogg">
</video>

通过javascript实现相同的目标:

<video id="vid" controls muted>
<source src="https://www.w3schools.com/html/mov_bbb.mp4">
</video>
<script>
vid=document.getElementById("vid")
vid.disablePictureInPicture = true
</script>