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

CDN URLs

Browse Source
This commit is contained in:
Sam Potts 2017-10-02 14:48:15 +11:00
parent 7959297a98
commit 0d96601d1a
6 changed files with 37 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo/dist/demo.css vendored
View File

File diff suppressed because one or more lines are too long

37
demo/error.html
View File

@ -1,18 +1,25 @@
<!doctype html>
<html lang="en" class="error">
<head>
<meta charset="utf-8" />
<title>Doh. Looks like something went wrong.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Docs styles -->
<link rel="stylesheet" href="dist/demo.css">
</head>
<body>
<main>
<h1>Doh.</h1>
<p>Looks like something went wrong.</p>
<a href="http://plyr.io" class="btn btn--primary">Back to plyr.io</a>
</main>
</body>
</html>
<head>
<meta charset="utf-8" />
<title>Doh. Looks like something went wrong.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Docs styles -->
<link rel="stylesheet" href="dist/demo.css">
<!-- Preload -->
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-medium.woff2">
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-bold.woff2">
</head>
<body>
<main>
<h1>Doh.</h1>
<p>Looks like something went wrong.</p>
<a href="http://plyr.io" class="btn btn--primary">Back to plyr.io</a>
</main>
</body>
</html>

10
demo/index.html
View File

@ -15,8 +15,8 @@
<link rel="stylesheet" href="dist/demo.css">
<!-- Preload -->
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/fonts/avenir-medium.woff2">
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/fonts/avenir-bold.woff2">
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-medium.woff2">
<link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-bold.woff2">
</head>
<body>
@ -62,17 +62,17 @@
</ul>
</nav>
<video controls crossorigin playsinline loop poster="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg"
<video controls crossorigin playsinline loop poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg"
id="player">
<!-- Video files -->
<source src="https://cdn.selz.com/plyr/1.5/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.mp4" type="video/mp4">
<!-- Text track file -->
<track kind="captions" label="English" srclang="en" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.en.vtt" default>
<track kind="captions" label="Français" srclang="fr" src="webvtt/View_From_A_Blue_Moon_Trailer-HD.fr.vtt">
<!-- Fallback for browsers that don't support the <video> element -->
<a href="https://cdn.selz.com/plyr/1.5/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-HD.mp4" download>Download</a>
</video>
<ul>

8
demo/src/less/lib/fontface.less
View File

@ -4,8 +4,8 @@
@font-face {
font-family: "Avenir";
src: url("https://cdn.plyr.io/fonts/avenir-medium.woff2") format("woff2"),
url("https://cdn.plyr.io/fonts/avenir-medium.woff") format("woff");
src: url("https://cdn.plyr.io/static/fonts/avenir-medium.woff2") format("woff2"),
url("https://cdn.plyr.io/static/fonts/avenir-medium.woff") format("woff");
font-style: normal;
font-weight: @font-weight-base;
font-display: swap;
@ -13,8 +13,8 @@
@font-face {
font-family: "Avenir";
src: url("https://cdn.plyr.io/fonts/avenir-bold.woff2") format("woff2"),
url("https://cdn.plyr.io/fonts/avenir-bold.woff") format("woff");
src: url("https://cdn.plyr.io/static/fonts/avenir-bold.woff2") format("woff2"),
url("https://cdn.plyr.io/static/fonts/avenir-bold.woff") format("woff");
font-style: normal;
font-weight: @font-weight-bold;
font-display: swap;

2
dist/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

5
src/js/plyr.js
View File

@ -68,6 +68,9 @@
iconPrefix: 'plyr',
iconUrl: 'https://cdn.plyr.io/2.0.10/plyr.svg',
// Blank video (used to prevent errors on source change)
blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
// Pass a custom duration
duration: null,
@ -4562,7 +4565,7 @@
// Set blank video src attribute
// This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error
// Info: http://stackoverflow.com/questions/32231579/how-to-properly-dispose-of-an-html5-video-and-close-socket-or-connection
player.media.setAttribute('src', 'https://cdn.selz.com/plyr/blank.mp4');
player.media.setAttribute('src', player.config.blankVideo);
// Load the new empty source
// This will cancel existing requests