aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2014-10-17 08:52:38 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2014-10-17 08:52:38 +0200
commit16f9e95d87b1a5cede29490d9a1822fce5769ffe (patch)
tree2245c425fdada4add37a7f73d1a90727244b89ef
parentfa88707382a79467f9c315e307b445219036461d (diff)
downloadfosdem-2018-presentation-16f9e95d87b1a5cede29490d9a1822fce5769ffe.tar
fosdem-2018-presentation-16f9e95d87b1a5cede29490d9a1822fce5769ffe.tar.gz
update slide bg example presentation to include iframes and videos #1029
-rw-r--r--js/reveal.js2
-rw-r--r--test/examples/slide-backgrounds.html16
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>