28 lines
960 B
JavaScript
28 lines
960 B
JavaScript
document.addEventListener("DOMContentLoaded", ready);
|
|
|
|
function ready() {
|
|
loadIframes();
|
|
};
|
|
|
|
// iframes
|
|
function loadIframes() {
|
|
var youtube = document.querySelectorAll( ".youtube" );
|
|
// youtube
|
|
for (var i = 0; i < youtube.length; i++) {
|
|
var source = "/static/img/"+ youtube[i].dataset.embed +".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" );
|
|
this.innerHTML = "";
|
|
this.appendChild( iframe );
|
|
} );
|
|
}
|
|
}
|