diff options
| author | Sam Potts <me@sampotts.me> | 2015-03-10 23:54:52 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-03-10 23:54:52 +1100 |
| commit | aa6bc2df2f64cf1d386c895f721282dc60c37b56 (patch) | |
| tree | fb331f65d7dd50e89fa92fa9fd12a68c9b111038 /src/less | |
| parent | 1532f2ab2366965ceab6193df06ba8cd381f4cc3 (diff) | |
| download | plyr-aa6bc2df2f64cf1d386c895f721282dc60c37b56.tar.lz plyr-aa6bc2df2f64cf1d386c895f721282dc60c37b56.tar.xz plyr-aa6bc2df2f64cf1d386c895f721282dc60c37b56.zip | |
Fixes for volume control on iOS
Diffstat (limited to 'src/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 { |