From bbd596e434969b446c2dff0929e3117285974fc4 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Tue, 22 Apr 2014 15:52:44 +0200 Subject: [PATCH] lazy loading support for video #793 --- js/reveal.js | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/js/reveal.js b/js/reveal.js index 524678d7..e910682a 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -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 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(); + } + } ); + } /**