lazy loading support for video #793
This commit is contained in:
parent
343765b7ab
commit
bbd596e434
20
js/reveal.js
20
js/reveal.js
@ -2172,11 +2172,29 @@ var Reveal = (function(){
|
|||||||
*/
|
*/
|
||||||
function loadSlide( slide ) {
|
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.setAttribute( 'src', element.getAttribute( 'data-src' ) );
|
||||||
element.removeAttribute( '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();
|
||||||
|
}
|
||||||
|
} );
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
Loading…
Reference in New Issue
Block a user