aboutsummaryrefslogtreecommitdiffstats
path: root/src/less
diff options
context:
space:
mode:
Diffstat (limited to 'src/less')
-rw-r--r--src/less/components/captions.less2
-rw-r--r--src/less/components/control.less14
-rw-r--r--src/less/components/controls.less28
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;
}