如何让 MediaElementJS 音频播放列表显示在控件顶部？

Question

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

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

我希望我的音频播放器看起来像下面的 joomla 音频播放器（我正在 Asp.Net MVC c# 中做我的项目）。 Joomla 播放器是在 php 中，我无法在我的项目中使用它。切换时播放列表显示在控制栏的顶部。我的在控制栏下方切换。

Joomla 粘性全宽音频

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

Answer 1

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

-webkit-滚动条CSS

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

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

            });