diff options
author | Sam Potts <sam@potts.es> | 2018-07-15 19:23:28 +1000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2018-07-15 19:23:28 +1000 |
commit | e63ad7c74bd763043344fd2bd568a64e7ea18622 (patch) | |
tree | 2367ed9ff7d5d14fd6a5d207550a4a3bdc5d7502 /demo/index.html | |
parent | ead660139489d3b0cf082d97117f735929adaf49 (diff) | |
download | plyr-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.html | 31 |
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> |