diff options
| author | Sam Potts <sam@potts.es> | 2017-06-12 09:26:01 +0700 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2017-06-12 09:26:01 +0700 |
| commit | 21f444ed61d6e66ab7580a5d0e3d41077cc1902f (patch) | |
| tree | 2088ef24e1d19d9e488f9a267cdff2f2e3d072f0 /demo/index.html | |
| parent | 40b4f8e8404c3f191ca4d4f40ae206c9dc72c4e1 (diff) | |
| download | plyr-21f444ed61d6e66ab7580a5d0e3d41077cc1902f.tar.lz plyr-21f444ed61d6e66ab7580a5d0e3d41077cc1902f.tar.xz plyr-21f444ed61d6e66ab7580a5d0e3d41077cc1902f.zip | |
Tweaks
Diffstat (limited to 'demo/index.html')
| -rw-r--r-- | demo/index.html | 85 |
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> © Brainfarm - </small> - </li> - <li class="plyr__cite plyr__cite--audio" hidden> - <small> - <a href="http://www.kishibashi.com/" target="_blank">Kishi Bashi – “It All Began With A Burst”</a> © 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> © Brainfarm + </small> + </li> + <li class="plyr__cite plyr__cite--audio" hidden> + <small> + <a href="http://www.kishibashi.com/" target="_blank">Kishi Bashi – “It All Began With A Burst”</a> © 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 --> |