From cddd9c30dbda83ad5be3ffc159cc11e352219fef Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Wed, 12 Feb 2020 14:36:30 +0000 Subject: More styles clean up --- src/sass/components/progress.scss | 9 --------- src/sass/types/audio.scss | 5 +++++ src/sass/types/video.scss | 5 +++-- 3 files changed, 8 insertions(+), 11 deletions(-) (limited to 'src') diff --git a/src/sass/components/progress.scss b/src/sass/components/progress.scss index 04c83516..f28bec8c 100644 --- a/src/sass/components/progress.scss +++ b/src/sass/components/progress.scss @@ -67,15 +67,6 @@ $plyr-progress-offset: $plyr-range-thumb-height; } } -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(#000, 0.15); - color: $plyr-video-progress-buffered-bg; -} - -.plyr--audio .plyr__progress__buffer { - color: $plyr-audio-progress-buffered-bg; -} - // Loading state .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; diff --git a/src/sass/types/audio.scss b/src/sass/types/audio.scss index 5d779a61..cd9a91fc 100644 --- a/src/sass/types/audio.scss +++ b/src/sass/types/audio.scss @@ -54,3 +54,8 @@ } } } + +// Progress +.plyr--audio .plyr__progress__buffer { + color: $plyr-audio-progress-buffered-bg; +} diff --git a/src/sass/types/video.scss b/src/sass/types/video.scss index cf3ee9c8..9a9bd01c 100644 --- a/src/sass/types/video.scss +++ b/src/sass/types/video.scss @@ -152,6 +152,7 @@ $embed-padding: ((100 / 16) * 9); } } -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(#000, 0.15); +// Progress +.plyr--video .plyr__progress__buffer { + color: $plyr-video-progress-buffered-bg; } -- cgit v1.2.3 From bfc541b88066b805bc6813c0a584c3c88e220a40 Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Fri, 14 Feb 2020 16:53:23 +0000 Subject: Ensure poster image is not downloaded again for HTML5 videos --- src/js/ui.js | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src') diff --git a/src/js/ui.js b/src/js/ui.js index b443766b..32db6ae7 100644 --- a/src/js/ui.js +++ b/src/js/ui.js @@ -172,6 +172,11 @@ const ui = { // Set property synchronously to respect the call order this.media.setAttribute('poster', poster); + // HTML5 uses native poster attribute + if (this.isHTML5) { + return Promise.resolve(poster); + } + // Wait until ui is ready return ( ready -- cgit v1.2.3 From 5afb14283a40abdf46afae8a34fd5fe66114446e Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Fri, 14 Feb 2020 16:53:31 +0000 Subject: Fix for regression with volume control width --- src/sass/components/volume.scss | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) (limited to 'src') diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss index 8afd76b0..7e59b992 100644 --- a/src/sass/components/volume.scss +++ b/src/sass/components/volume.scss @@ -5,7 +5,10 @@ .plyr__volume { align-items: center; display: flex; + max-width: 110px; + min-width: 80px; position: relative; + width: 20%; input[type='range'] { margin-left: ($plyr-control-spacing / 2); @@ -13,12 +16,4 @@ position: relative; z-index: 2; } - - @media (min-width: $plyr-bp-sm) { - max-width: 90px; - } - - @media (min-width: $plyr-bp-md) { - max-width: 110px; - } } -- cgit v1.2.3