MediaWiki:Common.js: Difference between revisions

From Buddha-Nature
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 12: Line 12:


// Lazy loading YouTube Vids
// Lazy loading YouTube Vids
 
$(document).ready(function() {
( function() {


     var youtube = document.querySelectorAll( ".youtube" );
     var youtube = document.querySelectorAll( ".youtube" );
Line 39: Line 38:
                 } );     
                 } );     
     };
     };
   
 
} )();
});

Revision as of 15:59, 11 June 2020

// Discover page anchors
$('.fp-arrowUp').click(function(){
    $.fn.fullpage.moveSectionUp();
});
$('.fp-arrowDown').click(function(){
    $.fn.fullpage.moveSectionDown();
});



// Lazy loading YouTube Vids
$(document).ready(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" );

                            this.innerHTML = "";
                            this.appendChild( iframe );
                } );    
    };

});