aboutsummaryrefslogtreecommitdiffstats
path: root/demo/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'demo/index.html')
-rw-r--r--demo/index.html85
1 files changed, 42 insertions, 43 deletions
diff --git a/demo/index.html b/demo/index.html
index 886679a1..5dd88d5e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -50,52 +50,51 @@
</li>
</ul>
</nav>
- <section>
- <video controls crossorigin playsinline poster="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player">
- <!-- Video files -->
- <source src="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" type="video/mp4">
- <!-- Text track file -->
- <track kind="captions" label="English" srclang="en" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.en.vtt" default>
- <track kind="captions" label="Français" srclang="fr" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">
+ <video controls crossorigin playsinline poster="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player">
+ <!-- Video files -->
+ <source src="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" type="video/mp4">
- <!-- Fallback for browsers that don't support the <video> element -->
- <a href="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" download>Download</a>
- </video>
+ <!-- Text track file -->
+ <track kind="captions" label="English" srclang="en" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.en.vtt" default>
+ <track kind="captions" label="Français" srclang="fr" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">
- <ul>
- <li class="plyr__cite plyr__cite--video" hidden>
- <small>
- <a href="http://viewfromabluemoon.com/" target="_blank">View From A Blue Moon</a> &copy; Brainfarm
- </small>
- </li>
- <li class="plyr__cite plyr__cite--audio" hidden>
- <small>
- <a href="http://www.kishibashi.com/" target="_blank">Kishi Bashi &ndash; &ldquo;It All Began With A Burst&rdquo;</a> &copy; Kishi Bashi
- </small>
- </li>
- <li class="plyr__cite plyr__cite--youtube" hidden>
- <small>
- <a href="https://www.youtube.com/watch?v=bTqVqk7FSmY" target="_blank">View From A Blue Moon</a> on
- <span class="color--youtube">
- <svg class="icon">
- <use xlink:href="#icon-youtube"/>
- </svg> YouTube
- </span>
- </small>
- </li>
- <li class="plyr__cite plyr__cite--vimeo" hidden>
- <small>
- <a href="https://vimeo.com/ondemand/viewfromabluemoon4k" target="_blank">View From A Blue Moon</a> on
- <span class="color--vimeo">
- <svg class="icon">
- <use xlink:href="#icon-vimeo"/>
- </svg> Vimeo
- </span>
- </small>
- </li>
- </ul>
- </section>
+ <!-- Fallback for browsers that don't support the <video> element -->
+ <a href="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" download>Download</a>
+ </video>
+
+ <ul>
+ <li class="plyr__cite plyr__cite--video" hidden>
+ <small>
+ <a href="http://viewfromabluemoon.com/" target="_blank">View From A Blue Moon</a> &copy; Brainfarm
+ </small>
+ </li>
+ <li class="plyr__cite plyr__cite--audio" hidden>
+ <small>
+ <a href="http://www.kishibashi.com/" target="_blank">Kishi Bashi &ndash; &ldquo;It All Began With A Burst&rdquo;</a> &copy; Kishi Bashi
+ </small>
+ </li>
+ <li class="plyr__cite plyr__cite--youtube" hidden>
+ <small>
+ <a href="https://www.youtube.com/watch?v=bTqVqk7FSmY" target="_blank">View From A Blue Moon</a> on
+ <span class="color--youtube">
+ <svg class="icon">
+ <use xlink:href="#icon-youtube"/>
+ </svg> YouTube
+ </span>
+ </small>
+ </li>
+ <li class="plyr__cite plyr__cite--vimeo" hidden>
+ <small>
+ <a href="https://vimeo.com/ondemand/viewfromabluemoon4k" target="_blank">View From A Blue Moon</a> on
+ <span class="color--vimeo">
+ <svg class="icon">
+ <use xlink:href="#icon-vimeo"/>
+ </svg> Vimeo
+ </span>
+ </small>
+ </li>
+ </ul>
</main>
<!-- Plyr core script -->