Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

901
Vistas
Reproducción automática de video HTML5 con sonido no silenciado

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>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

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 ):

  • La reproducción automática silenciada siempre está permitida.
  • La reproducción automática con sonido está permitida si:
    • El usuario ha interactuado con el dominio (clic, toque, etc.).
    • En el escritorio, se cruzó el umbral del Índice de interacción con los medios del usuario, lo que significa que el usuario reprodujo previamente un video con sonido.
    • En el móvil, el usuario ha agregado el sitio a su pantalla de inicio.
    • Los marcos superiores pueden delegar el permiso de reproducción automática a sus iframes para permitir la reproducción automática con sonido.

puedes leer más sobre esto aquí

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda