diff options
| -rw-r--r-- | js/reveal.js | 2 | ||||
| -rw-r--r-- | test/examples/slide-backgrounds.html | 16 |
2 files changed, 13 insertions, 5 deletions
diff --git a/js/reveal.js b/js/reveal.js index d5d9cbf..9ea61db 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 25beab9..4e5e406 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> |