lazy loading support for video #793
This commit is contained in:
		
							
								
								
									
										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(); | ||||||
|  | 			} | ||||||
|  | 		} ); | ||||||
|  |  | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
| 	/** | 	/** | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user