aboutsummaryrefslogtreecommitdiffstats
path: root/demo/index.html
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-07-15 19:23:28 +1000
committerSam Potts <sam@potts.es>2018-07-15 19:23:28 +1000
commite63ad7c74bd763043344fd2bd568a64e7ea18622 (patch)
tree2367ed9ff7d5d14fd6a5d207550a4a3bdc5d7502 /demo/index.html
parentead660139489d3b0cf082d97117f735929adaf49 (diff)
downloadplyr-e63ad7c74bd763043344fd2bd568a64e7ea18622.tar.lz
plyr-e63ad7c74bd763043344fd2bd568a64e7ea18622.tar.xz
plyr-e63ad7c74bd763043344fd2bd568a64e7ea18622.zip
Keyboard and focus improvements
Diffstat (limited to 'demo/index.html')
-rw-r--r--demo/index.html31
1 files changed, 16 insertions, 15 deletions
diff --git a/demo/index.html b/demo/index.html
index 7488bc3d..0333c3cb 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -91,21 +91,22 @@
</header>
<main>
- <video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player">
- <!-- Video files -->
- <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576">
- <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720">
- <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type="video/mp4" size="1080">
- <!-- <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1440p.mp4" type="video/mp4" size="1440"> -->
-
- <!-- Caption files -->
- <track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt"
- default>
- <track kind="captions" label="Français" srclang="fr" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">
-
- <!-- Fallback for browsers that don't support the <video> element -->
- <a href="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" download>Download</a>
- </video>
+ <div id="container">
+ <video controls crossorigin playsinline poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" id="player">
+ <!-- Video files -->
+ <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" type="video/mp4" size="576">
+ <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-720p.mp4" type="video/mp4" size="720">
+ <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-1080p.mp4" type="video/mp4" size="1080">
+
+ <!-- Caption files -->
+ <track kind="captions" label="English" srclang="en" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.en.vtt"
+ default>
+ <track kind="captions" label="Français" srclang="fr" src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">
+
+ <!-- Fallback for browsers that don't support the <video> element -->
+ <a href="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" download>Download</a>
+ </video>
+ </div>
<ul>
<li class="plyr__cite plyr__cite--video" hidden>