lazy loading support for video #793

This commit is contained in:
Hakim El Hattab 2014-04-22 15:52:44 +02:00
parent 343765b7ab
commit bbd596e434
1 changed files with 19 additions and 1 deletions

View File

@ -2172,11 +2172,29 @@ var Reveal = (function(){
*/
function loadSlide( slide ) {
toArray( slide.querySelectorAll( 'img[data-src]' ) ).forEach( function( element ) {
// Media elements with data-src attributes
toArray( slide.querySelectorAll( 'img[data-src], video[data-src]' ) ).forEach( function( element ) {
element.setAttribute( 'src', element.getAttribute( 'data-src' ) );
element.removeAttribute( 'data-src' );
} );
// Video elements with multiple <source>s
toArray( slide.querySelectorAll( 'video' ) ).forEach( function( video ) {
var sources = 0;
toArray( slide.querySelectorAll( 'source[data-src]' ) ).forEach( function( source ) {
source.setAttribute( 'src', source.getAttribute( 'data-src' ) );
source.removeAttribute( 'data-src' );
sources += 1;
} );
// If we rewrote sources for this video, we need to manually
// tell it to load from its new origin
if( sources > 0 ) {
video.load();
}
} );
}
/**