From 9ebc2719d31e39b822eda42c2eb3272330e9fc5d Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sun, 6 May 2018 00:49:12 +1000 Subject: v3.3.0 --- src/js/plugins/vimeo.js | 27 +++++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) (limited to 'src/js/plugins/vimeo.js') diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index 24003d3f..f1bc123d 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -2,10 +2,10 @@ // Vimeo plugin // ========================================================================== -import utils from './../utils'; import captions from './../captions'; import controls from './../controls'; import ui from './../ui'; +import utils from './../utils'; const vimeo = { setup() { @@ -18,7 +18,7 @@ const vimeo = { // Load the API if not already if (!utils.is.object(window.Vimeo)) { utils - .loadScript(this.config.urls.vimeo.api) + .loadScript(this.config.urls.vimeo.sdk) .then(() => { vimeo.ready.call(this); }) @@ -68,14 +68,14 @@ const vimeo = { // Get from
if needed if (utils.is.empty(source)) { - source = player.media.getAttribute(this.config.attributes.embed.id); + source = player.media.getAttribute(player.config.attributes.embed.id); } const id = utils.parseVimeoId(source); // Build an iframe const iframe = utils.createElement('iframe'); - const src = `https://player.vimeo.com/video/${id}?${params}`; + const src = utils.format(player.config.urls.vimeo.iframe, id, params); iframe.setAttribute('src', src); iframe.setAttribute('allowfullscreen', ''); iframe.setAttribute('allowtransparency', ''); @@ -86,6 +86,25 @@ const vimeo = { wrapper.appendChild(iframe); player.media = utils.replaceElement(wrapper, player.media); + // Get poster image + utils.fetch(utils.format(player.config.urls.vimeo.api, id), 'json').then(response => { + if (utils.is.empty(response)) { + return; + } + + // Get the URL for thumbnail + const url = new URL(response[0].thumbnail_large); + + // Get original image + url.pathname = `${url.pathname.split('_')[0]}.jpg`; + + // Set attribute + player.media.setAttribute('poster', url.href); + + // Update + ui.setPoster.call(player); + }); + // Setup instance // https://github.com/vimeo/player.js player.embed = new window.Vimeo.Player(iframe); -- cgit v1.2.3 From 90919411e9e2384494f4796f2c72507685e959bb Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 8 May 2018 12:57:24 +1000 Subject: Use div for poster, Vimeo fixes, Tooltip fixes --- src/js/plugins/vimeo.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'src/js/plugins/vimeo.js') diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index f1bc123d..688d6ddc 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -53,6 +53,7 @@ const vimeo = { const options = { loop: player.config.loop.active, autoplay: player.autoplay, + // muted: player.muted, byline: false, portrait: false, title: false, @@ -82,7 +83,7 @@ const vimeo = { iframe.setAttribute('allow', 'autoplay'); // Inject the package - const wrapper = utils.createElement('div'); + const wrapper = utils.createElement('div', { class: player.config.classNames.embedContainer }); wrapper.appendChild(iframe); player.media = utils.replaceElement(wrapper, player.media); -- cgit v1.2.3 From bbb11e611e3d07bdbf2b77c6f12b5e5967835f82 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 8 May 2018 13:12:39 +1000 Subject: Vimeo options, docs for multiple players --- src/js/plugins/vimeo.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'src/js/plugins/vimeo.js') diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index 688d6ddc..0ceb89e5 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -108,7 +108,10 @@ const vimeo = { // Setup instance // https://github.com/vimeo/player.js - player.embed = new window.Vimeo.Player(iframe); + player.embed = new window.Vimeo.Player(iframe, { + autopause: player.config.autopause, + muted: player.muted, + }); player.media.paused = true; player.media.currentTime = 0; -- cgit v1.2.3