don't autoplay background videos in overview mode
This commit is contained in:
		
							
								
								
									
										22
									
								
								js/reveal.js
									
									
									
									
									
								
							
							
						
						
									
										22
									
								
								js/reveal.js
									
									
									
									
									
								
							| @@ -3098,7 +3098,6 @@ | |||||||
|  |  | ||||||
| 			// If the background contains media, load it | 			// If the background contains media, load it | ||||||
| 			if( background.hasAttribute( 'data-loaded' ) === false ) { | 			if( background.hasAttribute( 'data-loaded' ) === false ) { | ||||||
| 				background.setAttribute( 'data-loaded', 'true' ); |  | ||||||
|  |  | ||||||
| 				var backgroundImage = slide.getAttribute( 'data-background-image' ), | 				var backgroundImage = slide.getAttribute( 'data-background-image' ), | ||||||
| 					backgroundVideo = slide.getAttribute( 'data-background-video' ), | 					backgroundVideo = slide.getAttribute( 'data-background-video' ), | ||||||
| @@ -3108,10 +3107,16 @@ | |||||||
|  |  | ||||||
| 				// Images | 				// Images | ||||||
| 				if( backgroundImage ) { | 				if( backgroundImage ) { | ||||||
|  |  | ||||||
| 					background.style.backgroundImage = 'url('+ backgroundImage +')'; | 					background.style.backgroundImage = 'url('+ backgroundImage +')'; | ||||||
|  | 					background.setAttribute( 'data-loaded', 'true' ); | ||||||
|  |  | ||||||
| 				} | 				} | ||||||
| 				// Videos | 				// Videos | ||||||
| 				else if ( backgroundVideo && !isSpeakerNotes() ) { | 				else if ( backgroundVideo && !isSpeakerNotes() ) { | ||||||
|  |  | ||||||
|  | 					if( !isOverview() ) { | ||||||
|  |  | ||||||
| 						var video = document.createElement( 'video' ); | 						var video = document.createElement( 'video' ); | ||||||
| 						video.setAttribute( 'autoplay', '' ); | 						video.setAttribute( 'autoplay', '' ); | ||||||
| 						video.setAttribute( 'playsinline', '' ); | 						video.setAttribute( 'playsinline', '' ); | ||||||
| @@ -3130,9 +3135,15 @@ | |||||||
| 						} ); | 						} ); | ||||||
|  |  | ||||||
| 						background.appendChild( video ); | 						background.appendChild( video ); | ||||||
|  |  | ||||||
|  | 						background.setAttribute( 'data-loaded', 'true' ); | ||||||
|  |  | ||||||
|  | 					} | ||||||
|  |  | ||||||
| 				} | 				} | ||||||
| 				// Iframes | 				// Iframes | ||||||
| 				else if( backgroundIframe ) { | 				else if( backgroundIframe ) { | ||||||
|  |  | ||||||
| 					var iframe = document.createElement( 'iframe' ); | 					var iframe = document.createElement( 'iframe' ); | ||||||
| 					iframe.setAttribute( 'allowfullscreen', '' ); | 					iframe.setAttribute( 'allowfullscreen', '' ); | ||||||
| 					iframe.setAttribute( 'mozallowfullscreen', '' ); | 					iframe.setAttribute( 'mozallowfullscreen', '' ); | ||||||
| @@ -3153,7 +3164,16 @@ | |||||||
| 					iframe.style.maxWidth = '100%'; | 					iframe.style.maxWidth = '100%'; | ||||||
|  |  | ||||||
| 					background.appendChild( iframe ); | 					background.appendChild( iframe ); | ||||||
|  |  | ||||||
|  | 					background.setAttribute( 'data-loaded', 'true' ); | ||||||
|  |  | ||||||
| 				} | 				} | ||||||
|  | 				else { | ||||||
|  |  | ||||||
|  | 					background.setAttribute( 'data-loaded', 'true' ); | ||||||
|  |  | ||||||
|  | 				} | ||||||
|  |  | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user