media.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>reveal.js - Test</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  7. <link rel="stylesheet" href="../css/reveal.min.css">
  8. <link rel="stylesheet" href="../css/theme/default.css" id="theme">
  9. </head>
  10. <body>
  11. <div class="reveal">
  12. <div class="slides">
  13. <section>
  14. <h2>Embedded Media Test</h2>
  15. </section>
  16. <section>
  17. <iframe data-autoplay width="420" height="345" src="http://www.youtube.com/embed/l3RQZ4mcr1c"></iframe>
  18. </section>
  19. <section>
  20. <h2>Empty Slide</h2>
  21. </section>
  22. </div>
  23. </div>
  24. <script src="../lib/js/head.min.js"></script>
  25. <script src="../js/reveal.min.js"></script>
  26. <script>
  27. // Full list of configuration options available here:
  28. // https://github.com/hakimel/reveal.js#configuration
  29. Reveal.initialize({
  30. controls: true,
  31. progress: true,
  32. history: true,
  33. center: true,
  34. transition: 'linear',
  35. // transitionSpeed: 'slow',
  36. // backgroundTransition: 'linear'
  37. });
  38. </script>
  39. </body>
  40. </html>