Cómo deshabilitar el modo Imagen en imagen en video HTML5

Solución:

según la especificación en https://wicg.github.io/picture-in-picture/#disable-pip, el atributo para controlar esto es 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>

para lograr lo mismo a través de 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>

Si quieres hacerlo a través de JavaScript. Este código se aplica a todos los videos de su página y deshabilita la descarga, la toma de fotografías y el contexto del clic derecho, que también contiene la opción de descarga.

Es posible que desee cambiar jQuery para $
Escribí este código y lo agregué a mi tema en WordPress para deshabilitar la descarga en todos los videos de mi sitio.

jQuery('video').on("loadeddata", function() {
    jQuery('video').attr('controlsList', 'nodownload');
    jQuery('video').bind('contextmenu',function() { return false; });
    jQuery('video').attr('disablePictureInPicture', 'true');
}); 

---

---

Utiliza Nuestro Buscador