Necesito implementar un video de reproducción automática local en mi sitio web. Aún así, sabía que los navegadores más nuevos, es decir, Chrome, Mozilla y Safari, han bloqueado la reproducción automática cuando el video no tiene el atributo 'silenciado'. Entonces, ¿hay alguna forma de reproducir automáticamente el video sin silenciar (con sonido) en HTML5 mediante algún truco en HTML o Javascript? Dado que, cuando elimino el atributo 'silenciado', el navegador deja de reproducir automáticamente el video.
Aquí está el código HTML5 simple que uso:
<body> <div class="video-wrapper"> <video autoplay muted loop playsinline preload="metadata"> <source src="EDMVideo(Jay)_NEW.webm"> </video> </div> </body>editar
agregando una solución "hacky": Básicamente, lo que significa la política es que un usuario debe interactuar con el sitio antes de que se pueda reproducir el audio.
con esta suposición, podemos reproducir automáticamente videos con sonido de dos maneras:
la primera , y la más justa para el usuario, es crear una landing page cuando en ella tiene que interactuar con tu sitio para empezar a usarlo o hacer clic en algo que dice que te permite reproducir sonido.
el segundo (y el un poco más 'hacky') es agregar un iframe invisible con un archivo .mp3 (que será silencioso) y allow autoplay . esto engañará al navegador para que reproduzca automáticamente cualquier video posterior, incluso si no está silenciado.
se verá así:
<iframe src=”https://olafwempe.com/mp3/silence/silence.mp3″ type=”audio/mp3″ allow=”autoplay” id=”audio” style=”display:none”></iframe> <video autoplay muted loop playsinline preload="metadata"> <source src="EDMVideo(Jay)_NEW.webm"> </video>Desafortunadamente, no hay una solución real para esto. su objetivo es proteger al usuario y no hay solución para eso. Hay algunos navegadores en los que funciona la reproducción automática con sonido. pero para la mayoría no funcionará, ¡y eso es BUENO!.
desde abril de 2018, no puede reproducir automáticamente con sonido en Chrome a menos que suceda uno de los siguientes (como se ve en la política de reproducción automática de Google ):
puedes leer más sobre esto aquí