jquery - 如何显示要显示在控件顶部的 MediaElementJS 音频播放列表？

Question

我在页脚中有一个 mediaelementjs 音频播放器，如下图所示。

我的问题已发布在上图中。

我希望我的音频播放器看起来像下面这个 joomla 音频播放器(我在 Asp.Net MVC c# 中做我的元素)。 Joomla 播放器在 php 中，我无法在我的元素中使用它。播放列表在切换时显示在控制栏的顶部。我的在控制栏下方切换。

Joomla Sticky Full Width Audio

我使用了 MediaElementJS 音频，我希望播放列表在控制栏上方向上切换，而不是向下切换。

Answer 1

我能够通过更改 -webkit-scrollbar 的 css 来更改滚动条设计颜色和颜色。

-webkit-scrollbar css

然后，为了使播放列表出现在控制栏的顶部而不是底部，我所要做的就是将 mediaelementJS 的播放列表位置属性更改为“顶部”。

              $(function () {
                $('#mejsAudio').mediaelementplayer({
                    loop: true,
                    shuffle: true,
                    playlist: true,
                    audioHeight: 30,
                    audioWidth:  "100%",
                    playlistposition: 'top',
                    audioVolume: 'vertical',
                    features: ['playlistfeature', 'prevtrack', 'playpause', 'nexttrack', 'loop', 'shuffle', 'playlist', 'current', 'progress', 'duration', 'volume']
                      });

            });