He integrado el complemento https://github.com/pupunzi/jquery.mb.YTPlayer, siguiendo los ejemplos de documentación y no he podido iniciar el video automáticamente, el usuario debe hacer clic para reproducirlo.

Hay una forma de simular este clic, o alguna solución para que el video comience a cargarse sin ninguna acción del usuario.

Código completo del ejemplo: https://jsfiddle.net/py7bkox3/

HTML

<div id="video"></div>
<div id="ctn">
  <h1>TITLE EXAMPLE</h1>
</div>

Javascript:

// When the document is ready
$(document).ready(function(){

  // Initialize YouTube player
  $("#video").YTPlayer({
    // URL of the YouTube video
    videoURL:'https://youtu.be/BsekcY04xvQ',
    // If you want it as background of your website
    // or of an element e.g #elementId
    containment: "#ctn",
    autoplay: true,
    controls: 0,
    mute: true,
    startAt: 0,
    opacity: 1,
    // Hide YouTube Controls
    showControls: false,
    onReady: function(){
    },
    onError: function(err){
      console.log("An error ocurred", err);
    }
  });
});

CSS

#ctn {
  display: block;
  margin: 0;
  padding: 250px 0 !important;
  width: 100%;
}
0
Learning and sharing 6 oct. 2019 a las 05:09

1 respuesta

La mejor respuesta

Muchos navegadores bloquean la reproducción automática con sonido o sin él. Es probable que se trate de un problema con su navegador y no con el código en sí.

Pantalla de permisos de Firefox Esta es una captura de pantalla de mi configuración de reproducción automática en Firefox. Verificaría la configuración de su navegador y vería si está bloqueando la reproducción automática.

1
Skyler Wiernik 6 oct. 2019 a las 04:08