Minor tweaks

This commit is contained in:
Sam Potts
2017-12-18 16:57:23 +00:00
parent 423f67b4f4
commit aab53fa91f
10 changed files with 35 additions and 43 deletions

View File

@ -270,7 +270,7 @@ const listeners = {
}
// Disable right click
if (this.config.disableContextMenu) {
if (this.supported.ui && this.config.disableContextMenu) {
utils.on(
this.media,
'contextmenu',

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}