mirror of
https://github.com/voc/streaming-website
synced 2024-11-10 06:34:17 +00:00
audio-player style & placement
This commit is contained in:
parent
fe099ee04d
commit
63ec39cfe0
5 changed files with 29 additions and 3 deletions
|
@ -5631,6 +5631,15 @@ a.inverted {
|
|||
left: 6px; }
|
||||
.mejs-container .mejs-controls .mejs-fullscreen-button button {
|
||||
background-position: -48px 0; }
|
||||
.mejs-container .mejs-controls .mejs-time {
|
||||
padding-top: 14px; }
|
||||
.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
|
||||
width: 110px;
|
||||
top: 6px; }
|
||||
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
|
||||
width: 100px; }
|
||||
.mejs-container.mejs-audio {
|
||||
margin: 0 auto; }
|
||||
.mejs-container .mejs-overlay-loading {
|
||||
background: none !important; }
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -475,8 +475,23 @@ a.inverted {
|
|||
.mejs-fullscreen-button button {
|
||||
background-position: -32px * $factor 0;
|
||||
}
|
||||
|
||||
$top: $factor * 12px - 12px;
|
||||
.mejs-time {
|
||||
padding-top: $top + 8px;
|
||||
}
|
||||
.mejs-horizontal-volume-slider {
|
||||
width: 110px;
|
||||
top: $top;
|
||||
.mejs-horizontal-volume-total {
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mejs-audio {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.mejs-overlay-loading {
|
||||
background: none !important;
|
||||
}
|
||||
|
|
|
@ -145,7 +145,9 @@ $(function() {
|
|||
pluginPath: 'assets/js/lib/',
|
||||
features: ['playpause', 'volume', 'fullscreen', $('video').hasClass('subs') ? 'subs' : '']
|
||||
});
|
||||
$('audio').mediaelementplayer();
|
||||
$('audio').mediaelementplayer({
|
||||
features: ['playpause', 'volume', 'current']
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<audio
|
||||
autoplay="autoplay"
|
||||
preload="auto"
|
||||
style="width: 960px;"
|
||||
style="width: 230px;"
|
||||
>
|
||||
<source
|
||||
src="<?=h(link_stream('audio', $room, 'mp3', @$translated))?>"
|
||||
|
|
Loading…
Reference in a new issue