如何在Wordpress HTML5视频上禁用画中画模式



亲爱的社区成员您好!

我已经将视频背景设置为Elementor部分。

问题:当通过Firefox(从电脑(和iphone浏览器查看页面时,会出现一个上下文菜单,允许在单独的窗口中查看视频("画中画"(。如果我想在视频页面上设计一个互补元素的视频页面,这个功能会破坏整个想法。如果单击画中画上下文菜单,则Elementor部分的视频将消失,整个部分为空。我不希望用户能够在视频页面上这样做(意外或故意(。

我请您为这个问题提出一个可能的解决方案,以排除浏览器对视频的任何干扰。如何关闭视频元素的画中画?

示例:具有视频背景的部分/画中画部分

我已经找到了几种故障排除方法,但没有足够的技术知识来理解如何实现它们:

  1. 关于使用disablePictureInPicture属性
  2. Apple avpictureinpicturecontroller
<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>

相关内容

  • 没有找到相关文章

最新更新