diff options
Diffstat (limited to 'src/less')
-rw-r--r-- | src/less/components/captions.less | 2 | ||||
-rw-r--r-- | src/less/components/control.less | 14 | ||||
-rw-r--r-- | src/less/components/controls.less | 28 |
3 files changed, 22 insertions, 22 deletions
diff --git a/src/less/components/captions.less b/src/less/components/captions.less index 605d7e49..b111cbce 100644 --- a/src/less/components/captions.less +++ b/src/less/components/captions.less @@ -3,7 +3,7 @@ // -------------------------------------------------------------- // Hide default captions -.plyr--full-ui video::-webkit-media-text-track-container { +.plyr--full-ui ::-webkit-media-text-track-container { display: none; } diff --git a/src/less/components/control.less b/src/less/components/control.less index 48b73e0f..0cf07b91 100644 --- a/src/less/components/control.less +++ b/src/less/components/control.less @@ -35,9 +35,9 @@ // Change icons on state change .plyr__control[aria-pressed='false'] .icon--pressed, -.plyr__control[aria-pressed='true'] .icon--not-pressed, -.plyr__control[aria-pressed='false'] .label--pressed, -.plyr__control[aria-pressed='true'] .label--not-pressed { + .plyr__control[aria-pressed='true'] .icon--not-pressed, + .plyr__control[aria-pressed='false'] .label--pressed, + .plyr__control[aria-pressed='true'] .label--not-pressed { display: none; } @@ -79,11 +79,11 @@ } } -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; -} - .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } + +.plyr--full-ui.plyr--video .plyr__control--overlaid { + display: block; +} diff --git a/src/less/components/controls.less b/src/less/components/controls.less index fb66e869..65a42509 100644 --- a/src/less/components/controls.less +++ b/src/less/components/controls.less @@ -3,7 +3,7 @@ // -------------------------------------------------------------- // Hide native controls -.plyr ::-webkit-media-controls { +.plyr--full-ui ::-webkit-media-controls { display: none; } @@ -75,13 +75,6 @@ } } -// Hide controls -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - transform: translateY(100%); - pointer-events: none; -} - // Audio controls .plyr--audio .plyr__controls { padding: @plyr-control-spacing; @@ -90,16 +83,23 @@ color: @plyr-audio-control-color; } +// Hide controls +.plyr--video.plyr--hide-controls .plyr__controls { + opacity: 0; + transform: translateY(100%); + pointer-events: none; +} + // Some options are hidden by default .plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { + .plyr [data-plyr='pip'], + .plyr [data-plyr='airplay'], + .plyr [data-plyr='fullscreen'] { display: none; } .plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { + .plyr--pip-supported [data-plyr='pip'], + .plyr--airplay-supported [data-plyr='airplay'], + .plyr--fullscreen-enabled [data-plyr='fullscreen'] { display: inline-block; } |