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

35
demo/error.html
View File

@ -1,18 +1,25 @@
<!doctype html> <!doctype html>
<html lang="en" class="error"> <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 --> <head>
<link rel="stylesheet" href="dist/demo.css"> <meta charset="utf-8" />
</head> <title>Doh. Looks like something went wrong.</title>
<body> <meta name="viewport" content="width=device-width, initial-scale=1">
<main>
<h1>Doh.</h1> <!-- Docs styles -->
<p>Looks like something went wrong.</p> <link rel="stylesheet" href="dist/demo.css">
<a href="http://plyr.io" class="btn btn--primary">Back to plyr.io</a>
</main> <!-- Preload -->
</body> <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> </html>

10
demo/index.html
View File

@ -15,8 +15,8 @@
<link rel="stylesheet" href="dist/demo.css"> <link rel="stylesheet" href="dist/demo.css">
<!-- Preload --> <!-- 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/static/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-bold.woff2">
</head> </head>
<body> <body>
@ -62,17 +62,17 @@
</ul> </ul>
</nav> </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"> id="player">
<!-- Video files --> <!-- 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 --> <!-- 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="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"> <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 --> <!-- 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> </video>
<ul> <ul>

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

@ -4,8 +4,8 @@
@font-face { @font-face {
font-family: "Avenir"; font-family: "Avenir";
src: url("https://cdn.plyr.io/fonts/avenir-medium.woff2") format("woff2"), src: url("https://cdn.plyr.io/static/fonts/avenir-medium.woff2") format("woff2"),
url("https://cdn.plyr.io/fonts/avenir-medium.woff") format("woff"); url("https://cdn.plyr.io/static/fonts/avenir-medium.woff") format("woff");
font-style: normal; font-style: normal;
font-weight: @font-weight-base; font-weight: @font-weight-base;
font-display: swap; font-display: swap;
@ -13,8 +13,8 @@
@font-face { @font-face {
font-family: "Avenir"; font-family: "Avenir";
src: url("https://cdn.plyr.io/fonts/avenir-bold.woff2") format("woff2"), src: url("https://cdn.plyr.io/static/fonts/avenir-bold.woff2") format("woff2"),
url("https://cdn.plyr.io/fonts/avenir-bold.woff") format("woff"); url("https://cdn.plyr.io/static/fonts/avenir-bold.woff") format("woff");
font-style: normal; font-style: normal;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
font-display: swap; 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', iconPrefix: 'plyr',
iconUrl: 'https://cdn.plyr.io/2.0.10/plyr.svg', 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 // Pass a custom duration
duration: null, duration: null,
@ -4562,7 +4565,7 @@
// Set blank video src attribute // Set blank video src attribute
// This is to prevent a MEDIA_ERR_SRC_NOT_SUPPORTED error // 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 // 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 // Load the new empty source
// This will cancel existing requests // This will cancel existing requests