audio-player style & placement

This commit is contained in:
MaZderMind 2014-12-13 01:38:46 +01:00
parent fe099ee04d
commit 63ec39cfe0
5 changed files with 29 additions and 3 deletions

View file

@ -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

View file

@ -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;
}

View file

@ -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']
});
});

View file

@ -1,7 +1,7 @@
<audio
autoplay="autoplay"
preload="auto"
style="width: 960px;"
style="width: 230px;"
>
<source
src="<?=h(link_stream('audio', $room, 'mp3', @$translated))?>"