2

quiero que un video se reproduzca de manera automatica en mi web, por ahora tengo el siguiente código:

<video width="440px" loop="true" autoplay="autoplay" controls>
  <source src="src="http:tuvideo.com/mivideo.mp4"" type="video/mp4">
</video>

Espero puedan colaborar. No importa que debamos meter Javascript. Saludos.

8
  • 1
    No veo ningún problema en lo que has puesto, lo unico que se me ocurre es que en algun navegador no le haga gracia autoplay="autoplay", asi que simplemente pon autoplay el 22 mar. 2019 a las 17:50
  • Actualmente estoy en una Mac pero no reproduce y en las PC con Windows tampoco :'( Deja intento con puro autoplay. el 22 mar. 2019 a las 17:51
  • 1
    Ten en cuenta que el video ha de cargar entero antes de que empiece a reproducir, puede que tengas que esperar. el 22 mar. 2019 a las 17:52
  • No funciona! :( el 22 mar. 2019 a las 17:58
  • 1
    Hace unas semanas trabajando con un video en HTML5 me tocó buscar ayuda, pues se estaba reproduciendo solo después de cargar la página y no quería ese comportamiento. Por tanto, te puedo decir que Chrome no es tan estricto con esta regla el 22 mar. 2019 a las 19:24

3 respuestas 3

3

El formato correcto para hacer reproducir un video es el siguiente:

    <video loop="true" muted autoplay style="width:1000px;">
       <source src="http:tuvideo.com/mivideo.mp4" type="video/mp4">
    </div>

Les debo confesar que solo funciona en Chrome si agregas la instrucción "muted".

Les comento que una buena forma de involucrar a los usuarios es usar la reproducción automática silenciada y así es como a mi me funciono. Espero les sirva de algo. Saludos.

Fuente oficial: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei

0

Como se te comentó anteriormente por @Francisco Garrido, debes agregar la etiqueta autoplay, prueba removiendo el atributo si gustas del siguiente ejemplo:

<video width="440px" loop="true" controls autoplay>
  <source src="http://viajesacuba.mx/images/slider/SLIDER-CUBA.mp4" type="video/mp4">
</video>

Tal vez estás colocando el atributo en un lugar incorrecto, verifícalo. Espero te ayude. Saludos.

2
  • Asi como lo pusiste no me dejaba amigo, gracias por el apoyo, agregue "muted" y funciono. el 22 mar. 2019 a las 18:23
  • Enterado, aunque si ejecutas el ejemplo si se reproduce de manera automática en el snippet y allí si funciona... es buena la información que compartiste, la tomaré en cuenta. Saludos. el 22 mar. 2019 a las 18:27
0

En Chrome autoplay funciona solo si utilizas también el atributo muted

<video id="video" width="360" height="450" autoplay muted loop>
 <source src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/222579/twitter_cat.mp4"  type="video/mp4">
</video>

1
  • Agradezco tu aporte amigo, ya había comentado la respuesta en la parte de arriba, hemos salvado muchas vidas! Saludos. el 22 mar. 2019 a las 19:29

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.