google-chrome - quitar - habilitar la reanudación de descargas en ingles
¿Deshabilitar el botón de descarga para Google Chrome? (9)
¡Oye, encontré una solución permanente que debería funcionar en todos los casos!
Para el desarrollo web normal
<script type="text/javascript">
$("video").each(function(){jQuery(this).append(''controlsList="nodownload"'')});
</script>
Videos HTML5 que tienen precarga en falso
$( document ).ready(function() {
$("video").each(function(){
$(this).attr(''controlsList'',''nodownload'');
$(this).load();
});
});
$ undevinded? -> Modo de depuración!
<script type="text/javascript">
jQuery("video").each(function(){jQuery(this).append(''controlsList="nodownload"'')});
</script>
Videos HTML5 que tienen precarga en falso
jQuery( document ).ready(function() {
jQuery("video").each(function(){
jQuery(this).attr(''controlsList'',''nodownload'');
jQuery(this).load();
});
});
¡Avísame si te ayudó!
Google Chrome ahora se envía con un botón de descarga para videos que son solo videos incrustados (es decir, no MSE):
Me está costando encontrar documentación para la implementación de Chrome de la etiqueta <video> . ¿Alguien sabe si hay alguna manera, además de deshabilitar "controles" y crear sus propios controles de reproductor de video, de deshabilitar esta función?
Me doy cuenta de que si esto se muestra, ya es fácil descargar el video, solo quiero deshabilitar esa funcionalidad para que no aparezca como parte de los controles.
¡Gracias!
Además de las respuestas anteriores, debe agregar el siguiente código para deshabilitar el menú contextual:
index.html: (globalmente)
<body oncontextmenu="return false;">
O puede deshabilitar el menú contextual para algún elemento :
element.oncontextmenu = function (e) {
e.preventDefault();
};
Agrega este código css.
audio::-internal-media-controls-download-button {
display:none;
}
audio::-webkit-media-controls-enclosure {
overflow:hidden;
}
audio::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
La respuesta anterior ofrece una buena solución. Sin embargo, cuando estaba trabajando en esto en mi proyecto, hubo dos problemas con él.
La descarga se produce (como si se hubiera presionado el botón de descarga) cuando se toca el área del margen derecho del botón de pantalla completa en Android (móvil o tableta). La aplicación de z-index no lo solucionó.
Debido al desbordamiento: oculto, el botón de descarga es invisible pero aún existe a la derecha del botón de pantalla completa. Eso significa que cuando presiona "tab" varias veces después de hacer clic en cualquier botón de control o barra en la PC, aún puede alcanzar el botón de descarga.
Además, tenga cuidado: algunos dispositivos de pequeño ancho (por ejemplo, teléfonos móviles) son lo suficientemente pequeños como para ocultar la barra de búsqueda. Necesitaría muchos más píxeles para ocultar el botón de descarga.
Espero que Google brinde la opción de ajustar esto lo antes posible.
La solución de Demmongonis funciona, pero tenga en cuenta que puede provocar resultados no deseados.
Android / Chrome a veces, depende del video y otros factores, agrega botones a la derecha del botón de descarga. es decir, el botón de lanzamiento (no hay forma de seleccionarlo). Hará que el botón de descarga permanezca visible y el último botón se oculte (botón de fundición)
Actualizar
Ahora es posible ocultar el botón de descarga usando el atributo controlsList:
<video controlsList="nodownload" ... />
Para mantenerlo simple ... Debe agregar un atributo llamado lista de controles (LOWERCASE, directamente después de los controles) y debe establecer su valor a = "no descargar". Además, asegúrese de que su archivo src (tipo) y el valor de su tipo de atributo coincidan, a diferencia de algunos de los ejemplos anteriores; mi enlace es a un archivo llamado ''sunrise over water.mp4'' en mi Google Drive. Cómo lo hago se ve así:
<video src="https://drive.google.com/open?id=0B1CDu1eNPJqDVEQxMzZUV1dURjg" title="sunrise over water" width="420" height="300" controls controlslist="nodownload" type="video/mp4"> Video Not Supported By Your Browser... </video>
O
<video width="440" height="320" title="sunrise over water" controls controlslist="nodownload"> <source src="https://drive.google.com/open?id=0B1CDu1eNPJqDVEQxMzZUV1dURjg" type="video/mp4"> Video Could Not Be Played In Your Browser... Sorry. </video>
Puede inspeccionar los controles del Reproductor de video Chrome nativo activando el DOM sombreado en Settings|Preferences -> Elements -> Show user agent shadow DOM
Después de eso, puedes inspeccionar los botones de los jugadores.
Ahora el problema es que no se puede acceder al botón de descarga a través de CSS por algún motivo.
video::-internal-media-controls-download-button {
display:none;
}
no funcionará Incluso seleccionando el botón anterior y dirigiendo a su vecino usando + o ~ no funcionará.
La única forma que hemos encontrado todavía era presionar el botón fuera del área visible al darle un mayor ancho al panel de control y hacer que el contenedor se overflow: hidden
video::-webkit-media-controls {
overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto;
}
Espero que Google solucione este problema pronto porque la mayoría de los proveedores de contenido no estarán contentos con esto ...
Sí, esto es posible ahora, al menos en el momento de escribir esto, puedes usar el atributo controlsList :
<video controls controlsList="nodownload">
<source data-src="movie.mp4">
</video>
Parece que esto se introdujo en Chrome 58, y la documentación para ello se encuentra aquí: https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist
Los desarrolladores ahora pueden personalizar los controles multimedia, como los botones de descarga, pantalla completa y reproducción remota. Uso en HTML:
<video controls controlsList="nofullscreen nodownload noremote foobar"></video>
Incluso hay una página de muestra oficial: googlechrome.github.io/samples/media/controlslist.html
o simplemente puede agregar nodownload en controlsList
<video width="512" height="380" controls controlsList="nodownload">
<source data-src="mov_bbb.ogg" type="video/mp4">
</video>