diff options
Diffstat (limited to 'src/less/components/volume.less')
| -rw-r--r-- | src/less/components/volume.less | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/less/components/volume.less b/src/less/components/volume.less new file mode 100644 index 00000000..5c814e94 --- /dev/null +++ b/src/less/components/volume.less @@ -0,0 +1,27 @@ +// Volume +// -------------------------------------------------------------- + +.plyr .plyr__volume { + display: none; + position: relative; + + input[type="range"] { + position: relative; + z-index: 2; + } + @media (min-width: @plyr-bp-screen-sm) { + display: block; + max-width: 60px; + } + @media (min-width: @plyr-bp-screen-md) { + max-width: 100px; + } +} + +// 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 +.plyr--is-ios .plyr__volume, +.plyr--is-ios [data-plyr='mute'] { + display: none !important; +}
\ No newline at end of file |