MediaWiki:Common.js: Difference between revisions

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