add test deck for embedded media
authorHakim El Hattab <hakim@squarespace.com>
Sun, 9 Jun 2013 14:42:55 +0000 (16:42 +0200)
committerHakim El Hattab <hakim@squarespace.com>
Sun, 9 Jun 2013 14:42:55 +0000 (16:42 +0200)
test/media.html [new file with mode: 0644]

diff --git a/test/media.html b/test/media.html
new file mode 100644 (file)
index 0000000..6e95606
--- /dev/null
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="en">
+
+       <head>
+               <meta charset="utf-8">
+
+               <title>reveal.js - Test</title>
+
+               <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+               <link rel="stylesheet" href="../css/reveal.min.css">
+               <link rel="stylesheet" href="../css/theme/default.css" id="theme">
+       </head>
+
+       <body>
+
+               <div class="reveal">
+
+                       <div class="slides">
+
+                               <section>
+                                       <h2>Embedded Media Test</h2>
+                               </section>
+
+                               <section>
+                                       <iframe data-autoplay width="420" height="345" src="http://www.youtube.com/embed/l3RQZ4mcr1c"></iframe>
+                               </section>
+
+                               <section>
+                                       <h2>Empty Slide</h2>
+                               </section>
+
+                       </div>
+
+               </div>
+
+               <script src="../lib/js/head.min.js"></script>
+               <script src="../js/reveal.min.js"></script>
+
+               <script>
+
+                       // Full list of configuration options available here:
+                       // https://github.com/hakimel/reveal.js#configuration
+                       Reveal.initialize({
+                               controls: true,
+                               progress: true,
+                               history: true,
+                               center: true,
+
+                               transition: 'linear',
+                               // transitionSpeed: 'slow',
+                               // backgroundTransition: 'linear'
+                       });
+
+               </script>
+
+       </body>
+</html>