diff options
Diffstat (limited to 'src/sass/plyr.scss')
| -rw-r--r-- | src/sass/plyr.scss | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 58a66cde..8b4f3ba3 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -196,10 +196,10 @@ $bp-captions-large: 768px; // When captions jump to the larger font size margin: $control-spacing auto 0; } @media (min-width: $bp-control-split) { - &-playback { + &-left { float: left; } - &-sound { + &-right { float: right; margin-top: 0; } @@ -499,6 +499,20 @@ $bp-captions-large: 768px; // When captions jump to the larger font size } } + // Hide sound controls on iOS + // It's not supported to change volume using JavaScript: + // https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html + &.ios &-volume, + &.ios [data-player='mute'], + &.ios [data-player='mute'] + label, + &-audio.ios &-controls-right { + display: none; + } + // Center buttons so it looks less odd + &-audio.ios &-controls-left { + float: none; + } + // Full screen mode &-fullscreen, &.fullscreen-active { |