Я использую этот код и отлично работаю, чтобы использовать изображения для отложенной загрузки видео YT:
( function() {
var youtube = document.querySelectorAll( ".youtube" );
for (var i = 0; i < youtube.length; i++) {
var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg";
var image = new Image();
image.src = source;
image.addEventListener( "load", function() {
youtube[ i ].appendChild( image );
}( i ) );
youtube[i].addEventListener( "click", function() {
var iframe = document.createElement( "iframe" );
iframe.setAttribute( "frameborder", "0" );
iframe.setAttribute( "allowfullscreen", "" );
iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1&enablejsapi=1" );
this.innerHTML = "";
this.appendChild( iframe );
} );
};
} )();
Однако требуется 2 клика 1, чтобы загрузить видео, а затем 1, чтобы воспроизвести видео, чтобы оно заработало. Можно ли как-нибудь использовать этот же код одним кликом для воспроизведения видео на YouTube?
И возможно ли сделать так, чтобы это работало и с видео Vimeo?
Спасибо!