0

Lo que que quiero es que el vídeo se reproduzca en un navegador de android y de la única manera que me funciona hasta ahorita es con el evento que ya tengo que es con "click" pero lo que quiero es que se reproduzca cuando inicie la pagina ya intente con load y onload

Este es mi video

 <video id="video" class="slider-video" width="100%" height="auto" `preload="" autoplay="autoplay" style="visibility: visible; width: 100%; " poster="imgs/video.jpg" >`
                <source src="imgs/video.webm">
                <source src="imgs/pruebai.webm type='video/webm; codecs="vp8, vorbis"'>

 </video>

Este es mi script

var video = document.getElementById('video');
    window.addEventListener("click",function(){
  video.play();
    },false);
  });
2
  • Echa un vistazo a es.stackoverflow.com/questions/76263/…, aunque la solución es con jquery, puede darte una idea de como ejecutarlo después de la carga de la web
    – Jakala
    el 6 jun. 2017 a las 20:52
  • ya lo intente pero me sigue sin funcionar
    – Godeolo
    el 6 jun. 2017 a las 21:49

1 respuesta 1

0

Puedes intentar con EventTarget.dispatchEvent(), este dispara el evento asociado al elemento html, en el siguiente ejemplo disparo en el evento onClick asociado al elemento <button id="alert">.

Ejemplo:

document.getElementById("alert").addEventListener("click",getAlert);

function getAlert(){
 alert("Hola");
}
// Aquí disparo el evento onClick asociado al <button id="alert">
document.getElementById("alert").dispatchEvent(new MouseEvent('click'));
<button id="alert">Alert("Hola");</button>

Para versiones Anteriores a IE9 debes usar el método EventTarget.fireEvent().

Si deseas una solucione realmente facil y compatible con todos los exploradores, te recomiendo uses jQuery.

Ejemplo:

document.getElementById("alert").addEventListener("click",getAlert);

function getAlert(){
 alert("Hola");
}
// Aquí disparo el evento onClick asociado al <button id="alert">
$("#alert").click();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="alert">Alert("Hola");</button>

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.