diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/defaults.js | 9 | ||||
| -rw-r--r-- | src/js/media.js | 2 | ||||
| -rw-r--r-- | src/js/plugins/vimeo.js | 3 | ||||
| -rw-r--r-- | src/js/utils.js | 2 | ||||
| -rw-r--r-- | src/sass/components/embed.scss | 4 | ||||
| -rw-r--r-- | src/sass/components/tooltips.scss | 1 |
6 files changed, 12 insertions, 9 deletions
diff --git a/src/js/defaults.js b/src/js/defaults.js index 4a2c92b5..9b6b4e73 100644 --- a/src/js/defaults.js +++ b/src/js/defaults.js @@ -157,10 +157,10 @@ const defaults = { // Localisation i18n: { restart: 'Restart', - rewind: 'Rewind {seektime} secs', + rewind: 'Rewind {seektime}s', play: 'Play', pause: 'Pause', - fastForward: 'Forward {seektime} secs', + fastForward: 'Forward {seektime}s', seek: 'Seek', played: 'Played', buffered: 'Buffered', @@ -326,13 +326,14 @@ const defaults = { // Class hooks added to the player in different states classNames: { + type: 'plyr--{0}', + provider: 'plyr--{0}', video: 'plyr__video-wrapper', embed: 'plyr__video-embed', + embedContainer: 'plyr__video-embed__container', poster: 'plyr__poster', ads: 'plyr__ads', control: 'plyr__control', - type: 'plyr--{0}', - provider: 'plyr--{0}', playing: 'plyr--playing', paused: 'plyr--paused', stopped: 'plyr--stopped', diff --git a/src/js/media.js b/src/js/media.js index 99fc5e85..f10bea1f 100644 --- a/src/js/media.js +++ b/src/js/media.js @@ -39,7 +39,7 @@ const media = { utils.wrap(this.media, this.elements.wrapper); // Faux poster container - this.elements.poster = utils.createElement('span', { + this.elements.poster = utils.createElement('div', { class: this.config.classNames.poster, }); 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); diff --git a/src/js/utils.js b/src/js/utils.js index 2c06e6aa..d46a7601 100644 --- a/src/js/utils.js +++ b/src/js/utils.js @@ -723,7 +723,7 @@ const utils = { } // Vimeo - if (/^https?:\/\/player.vimeo.com\/video\/\d{8,}(?=\b|\/)/.test(url)) { + if (/^https?:\/\/player.vimeo.com\/video\/\d{0,9}(?=\b|\/)/.test(url)) { return providers.vimeo; } diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss index d72836de..be807739 100644 --- a/src/sass/components/embed.scss +++ b/src/sass/components/embed.scss @@ -32,8 +32,8 @@ $embed-padding: ((100 / 16) * 9); pointer-events: none; } - // Vimeo hack - > div { + // Only used for Vimeo + > .plyr__video-embed__container { padding-bottom: to-percentage($height); position: relative; transform: translateY(-$offset); diff --git a/src/sass/components/tooltips.scss b/src/sass/components/tooltips.scss index 19a9ce56..537e2444 100644 --- a/src/sass/components/tooltips.scss +++ b/src/sass/components/tooltips.scss @@ -19,6 +19,7 @@ transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; + white-space: nowrap; z-index: 2; // The background triangle |