diff options
Diffstat (limited to 'src/less/plyr.less')
| -rw-r--r-- | src/less/plyr.less | 20 |
1 files changed, 17 insertions, 3 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index 4880e3e9..3063e9ca 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -185,15 +185,15 @@ text-align: center; // Layout - &-sound { + &-right { display: block; margin: @control-spacing auto 0; } @media (min-width: @bp-control-split) { - &-playback { + &-left { float: left; } - &-sound { + &-right { float: right; margin-top: 0; } @@ -497,6 +497,20 @@ } } + // 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 { |