diff options
| author | Sam Potts <sam@potts.es> | 2018-08-14 00:00:24 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-08-14 00:00:24 +1000 |
| commit | 48bf36831611a854f24f8bc9f40d0944c381bd29 (patch) | |
| tree | 165ac6d7b4dbd93f9459e195eaa6c5ba2c411005 /demo/index.html | |
| parent | a8f8486cf49aebc09c8f57bec2f8172970974536 (diff) | |
| parent | 8f94ce86a04c1b8f7cc17e7d578c6b8c76572319 (diff) | |
| download | plyr-48bf36831611a854f24f8bc9f40d0944c381bd29.tar.lz plyr-48bf36831611a854f24f8bc9f40d0944c381bd29.tar.xz plyr-48bf36831611a854f24f8bc9f40d0944c381bd29.zip | |
Merge pull request #1160 from sampotts/develop
v3.4.0
Diffstat (limited to 'demo/index.html')
| -rw-r--r-- | demo/index.html | 33 |
1 files changed, 17 insertions, 16 deletions
diff --git a/demo/index.html b/demo/index.html index 5dc57fed..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> @@ -166,7 +167,7 @@ </svg> <p>If you think Plyr's good, <a href="https://twitter.com/intent/tweet?text=A+simple+HTML5+media+player+with+custom+controls+and+WebVTT+captions.&url=http%3A%2F%2Fplyr.io&via=Sam_Potts" - target="_blank" data-shr-network="twitter">tweet it</a> + target="_blank" data-shr-network="twitter">tweet it</a> 👍 </p> </aside> |