ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Media from CDN, added full browser mode

Browse Source
This commit is contained in:
Sam Potts
2015-02-17 12:26:31 +11:00
parent a36a30f1b0
commit 3acd033bea
8 changed files with 28 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -21,18 +21,18 @@
<h2>Video</h2>
<p>Using the native &lt;video&gt; element.</p>
<div class="player">
<video poster="media/poster_PayPal_Austin2.jpg" controls>
<video poster="//cdn.sampotts.me/plyr/poster.jpg" controls crossorigin>
<!-- Video files -->
<source src="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.mp4" type="video/mp4">
<source src="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.webm" type="video/webm">
<source src="//cdn.sampotts.me/plyr/movie.mp4" type="video/mp4">
<source src="//cdn.sampotts.me/plyr/movie.webm" type="video/webm">
<!-- Text track file -->
<track kind="captions" label="English captions" src="media/captions_PayPal_Austin_en.vtt" srclang="en" default>
<track kind="captions" label="English captions" src="//cdn.sampotts.me/plyr/captions-default.vtt" srclang="en" default>
<!-- Fallback for browsers that don't support the <video> element -->
<div>
<a href="https://www.paypalobjects.com/webstatic/mktg/videos/PayPal_AustinSMB_baseline.mp4">
<img src="media/poster_PayPal_Austin2.jpg" width="640" height="360" alt="download video">
<a href="//cdn.sampotts.me/plyr/movie.mp4">
<img src="//cdn.sampotts.me/plyr/poster.jpg" width="640" height="360" alt="download video">
</a>
</div>
</video>
@ -45,11 +45,11 @@
<div class="player">
<audio controls>
<!-- Audio files -->
<source src="media/Covox_-_Switchblade_Squadron.mp3" type="audio/mp3">
<source src="//cdn.sampotts.me/plyr/logistics-96-sample.mp3" type="audio/mp3">
<!-- Fallback for browsers that don't support the <audio> element -->
<div>
<a href="media/Covox_-_Switchblade_Squadron.mp3">Download it</a>
<a href="//cdn.sampotts.me/plyr/logistics-96-sample.mp3">Download it</a>
</div>
</audio>
</div>