aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/js/config/defaults.js3
-rw-r--r--src/js/controls.js27
-rw-r--r--src/js/listeners.js2
-rw-r--r--src/js/plyr.js9
-rw-r--r--src/js/utils/is.js5
5 files changed, 32 insertions, 14 deletions
diff --git a/src/js/config/defaults.js b/src/js/config/defaults.js
index 5e2fc4a9..7d0ca7d0 100644
--- a/src/js/config/defaults.js
+++ b/src/js/config/defaults.js
@@ -133,7 +133,7 @@ const defaults = {
'settings',
'pip',
'airplay',
- 'download',
+ // 'download',
'fullscreen',
],
settings: ['captions', 'quality', 'speed'],
@@ -186,6 +186,7 @@ const defaults = {
// URLs
urls: {
+ download: null,
vimeo: {
sdk: 'https://player.vimeo.com/api/player.js',
iframe: 'https://player.vimeo.com/video/{0}?{1}',
diff --git a/src/js/controls.js b/src/js/controls.js
index 785f100d..4f453e6a 100644
--- a/src/js/controls.js
+++ b/src/js/controls.js
@@ -111,10 +111,11 @@ const controls = {
// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
if ('href' in use) {
use.setAttributeNS('http://www.w3.org/1999/xlink', 'href', path);
- } else {
- use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path);
}
+ // Always set the older attribute even though it's "deprecated" (it'll be around for ages)
+ use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', path);
+
// Add <use> to <svg>
icon.appendChild(use);
@@ -1228,11 +1229,15 @@ const controls = {
// Set the download link
setDownloadLink() {
- // Set download link
- const { download } = this.elements.buttons;
- if (is.element(download)) {
- download.setAttribute('href', this.source);
+ const button = this.elements.buttons.download;
+
+ // Bail if no button
+ if (!is.element(button)) {
+ return;
}
+
+ // Set download link
+ button.setAttribute('href', this.download);
},
// Build the default HTML
@@ -1515,15 +1520,13 @@ const controls = {
if (this.config.controls.includes('download')) {
const attributes = {
element: 'a',
- href: this.source,
+ href: this.download,
target: '_blank',
};
- if (this.isHTML5) {
- extend(attributes, {
- download: '',
- });
- } else if (this.isEmbed) {
+ const { download } = this.config.urls;
+
+ if (!is.url(download) && this.isEmbed) {
extend(attributes, {
icon: `logo-${this.provider}`,
label: this.provider,
diff --git a/src/js/listeners.js b/src/js/listeners.js
index 63100365..f8ea997f 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -431,7 +431,7 @@ class Listeners {
controls.updateSetting.call(player, 'quality', null, event.detail.quality);
});
- // Update download link
+ // Update download link when ready and if quality changes
on.call(player, player.media, 'ready qualitychange', () => {
controls.setDownloadLink.call(player);
});
diff --git a/src/js/plyr.js b/src/js/plyr.js
index ebc0b733..32038b0e 100644
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@@ -792,6 +792,15 @@ class Plyr {
}
/**
+ * Get a download URL (either source or custom)
+ */
+ get download() {
+ const { download } = this.config.urls;
+
+ return is.url(download) ? download : this.source;
+ }
+
+ /**
* Set the poster image for a video
* @param {input} - the URL for the new poster image
*/
diff --git a/src/js/utils/is.js b/src/js/utils/is.js
index 2952d486..ab28f2ab 100644
--- a/src/js/utils/is.js
+++ b/src/js/utils/is.js
@@ -31,6 +31,11 @@ const isUrl = input => {
return true;
}
+ // Must be string from here
+ if (!isString(input)) {
+ return false;
+ }
+
// Add the protocol if required
let string = input;
if (!input.startsWith('http://') || !input.startsWith('https://')) {