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

【问题标题】：How to show MediaElementJS audio playlist to be shown on top of the controls?如何在控件顶部显示 MediaElementJS 音频播放列表？
【发布时间】：2017-11-10 23:47:07
【问题描述】：

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

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

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

Joomla Sticky Full Width Audio

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

【问题讨论】：

标签： jquery css asp.net-mvc twitter-bootstrap mediaelement.js

【解决方案1】：

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

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

            });

【讨论】：