diff --git a/js/reveal.js b/js/reveal.js
index d5d9cbfb86bdd94cda95cd1ddd0ef4bbd2b49f5a..9ea61db0510980e84e6b7f42f5bf2434ae43613e 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -2614,7 +2614,7 @@
 				// Iframes
 				else if ( backgroundIframe ) {
 					var iframe = document.createElement( 'iframe' );
-						iframe.setAttribute('src', backgroundIframe);
+						iframe.setAttribute( 'src', backgroundIframe );
 						iframe.style.width  = '100%';
 						iframe.style.height = '100%';
 						iframe.style.maxHeight = '100%';
diff --git a/test/examples/slide-backgrounds.html b/test/examples/slide-backgrounds.html
index 25beab925d173913cdba927cdab763a32a0f5c42..4e5e40617df4550ccef32ba5aff8354818f34a81 100644
--- a/test/examples/slide-backgrounds.html
+++ b/test/examples/slide-backgrounds.html
@@ -64,20 +64,20 @@
 					</section>
 				</section>
 
-				<section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)">
+				<section data-background-transition="slide" data-background="assets/image1.png">
 					<h2>Background image</h2>
 				</section>
 
 				<section>
-					<section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)">
+					<section data-background-transition="slide" data-background="assets/image1.png">
 						<h2>Background image</h2>
 					</section>
-					<section data-background-transition="slide" data-background="assets/image1.png" style="background: rgba(0,0,0,0.9)">
+					<section data-background-transition="slide" data-background="assets/image1.png">
 						<h2>Background image</h2>
 					</section>
 				</section>
 
-				<section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111" style="background: rgba(0,0,0,0.9)">
+				<section data-background="assets/image2.png" data-background-size="100px" data-background-repeat="repeat" data-background-color="#111">
 					<h2>Background image</h2>
 					<pre>data-background-size="100px" data-background-repeat="repeat" data-background-color="#111"</pre>
 				</section>
@@ -89,6 +89,14 @@
 					<h2>Same background twice (2/2)</h2>
 				</section>
 
+				<section data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm">
+					<h2>Video background</h2>
+				</section>
+
+				<section data-background-iframe="https://slides.com">
+					<h2>Iframe background</h2>
+				</section>
+
 				<section>
 					<section data-background="#417203">
 						<h2>Same background twice vertical (1/2)</h2>