aboutsummaryrefslogtreecommitdiffstats
path: root/demo/index.html
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2018-04-02 22:40:03 +1000
committerSam Potts <sam@potts.es>2018-04-02 22:40:03 +1000
commit3395e8df903cdd63e227a377b4b3be77da682aa8 (patch)
tree41821293f126cccdd5089aa7cf64a12b14ecb37a /demo/index.html
parentcce143a7da5f47e8cffa9a255239288387efe193 (diff)
downloadplyr-3395e8df903cdd63e227a377b4b3be77da682aa8.tar.lz
plyr-3395e8df903cdd63e227a377b4b3be77da682aa8.tar.xz
plyr-3395e8df903cdd63e227a377b4b3be77da682aa8.zip
HTML5 quality selection
Diffstat (limited to 'demo/index.html')
-rw-r--r--demo/index.html12
1 files changed, 7 insertions, 5 deletions
diff --git a/demo/index.html b/demo/index.html
index 670c753d..751525e6 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -93,16 +93,18 @@
<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-HD.mp4" type="video/mp4">
- <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.webm" type="video/webm">
+ <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">
- <!-- Text track file -->
+ <!-- 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-HD.mp4" download>Download</a>
+ <a href="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4" download>Download</a>
</video>
<ul>
@@ -169,7 +171,7 @@
</aside>
<!-- Polyfills -->
- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries"
+ <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Array.prototype.includes,CustomEvent,Object.entries,Object.values"
crossorigin="anonymous"></script>
<!-- Plyr core script -->