reproducir - El navegador Safari salta para mostrar el video de reproducción automática de HTML5
insertar video en html5 (1)
* Actualizado: limite la longitud de desplazamiento a 1500 unidades hasta 2 segundos después de que el video comience a reproducirse ...
<html>
<head>
<script type="text/javascript">
var scrollPosition = 0;
var videoLoaded = false;
function bodyOnScroll() {
// this 1500 value might need to be tweaked less or more depending
// on how far the scroll to your video is
if(Math.abs(document.body.scrollTop - scrollPosition) > 1500 && !videoLoaded)
{
// don''t scroll
document.body.scrollTop=scrollPosition;
}
else
{
// reload the variable to match current position
scrollPosition=document.body.scrollTop;
}
}
function videoOnPlaying(){
// wait 2 seconds and then disable the max scrollPosition
// might want to tweak this too depending
setTimeout(function () {
videoLoaded = true;
}, 2000);
}
</script>
</head>
<body onScroll="bodyOnScroll();">
<video autostart onPlay="videoOnPlaying();"></video>
Tengo un feed de contenido de Instagram que incluye publicaciones recientes. Si la publicación es un video, se muestra como tal: video HTML5 con reproducción automática, bucle y atributos silenciados.
Estéticamente, el resultado es muy agradable; sin embargo, en Safari, cuando el video se ha completado de cargar, los navegadores saltan la página web a la posición del video. No hace esto en Chrome.
El video no es el contenido principal, así que no quiero que se salte la página.
Preguntas
¿Hay un estándar W3C para autoplay? es decir, Safari o Chrome adoptan el enfoque predeterminado
¿Cuál es la mejor manera de remediar esto?
Pensamientos sobre la Alción
Podría desactivar la reproducción automática y, en su lugar, activar el juego con JS. Sin embargo, esto parece un poco innecesario y crea una nueva dependencia.