Estoy usando bootstrap 3 y tengo este código:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="archivos/pelicula.mp4" allowfullscreen></iframe>
</div>
Lo que quiero hacer es quitar la opción de descargar de los controles del video que se esta visualizando.
Se que usando la etiqueta <video>
, solo con poner controlslist="nodownload"
se desaparece esa opción pero desde la etiqueta <iframe>
no he podido hacerlo, y lo pongo con <iframe>
porque así lo ponen en la página de bootstrap.
Estoy usando el siguiente código jquery para acceder al contenido del iframe y hacer un cambio a ese contenido pero el problema es que no hace la modificación, supuesta mente si accede pero no realiza el cambio.
$(document).ready(function(){
quitarDescarga();
});
function quitarDescarga()
{
var contenido = $("#vIFrame").contents().find("video").attr("controlslist", "nodownload");
}
Me di cuenta que este código funciona únicamente si se ejecuta desde un botón, como puedo hacer para que funcione desde el momento en que termina de cargar la página??
video
? Un ejemplo de W3Schools