Difference between revisions of "MediaWiki:Common.js"

From Buddha-Nature
((by SublimeText.Mediawiker))
((by SublimeText.Mediawiker))
Line 8: Line 8:
 
     $.fn.fullpage.moveSectionDown();
 
     $.fn.fullpage.moveSectionDown();
 
});
 
});
 +
 +
 +
 +
// Lazy loading YouTube Vids
 +
 +
( 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 );
 +
                } );   
 +
    };
 +
   
 +
} )();

Revision as of 15:57, 11 June 2020

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



// Lazy loading YouTube Vids

( 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 );
                } );    
    };
    
} )();