如何將MediaElementJS音頻播放列表顯示在控件的頂部？

Question

我在頁腳中有一個mediaelementjs音頻播放器，如下圖所示。

我的問題發佈在上圖中。

我想我的音頻播放器看起來像這個joomla音頻播放器下面（我正在做我的項目在Asp.Net MVC C＃）。 Joomla播放器是在PHP中，我無法使用它我的項目。切換時播放列表顯示在控制條頂部。我在控制欄下方切換。

Joomla Sticky Full Width Audio

我用MediaElementJS聲音，我想播放列表切換了控制欄上，而不是下降。

Answer 1

我能夠通過使用-webkit-滾動條的改變CSS改變滾動條的設計，顏色和顏色。

-webkit-scrollbar css

然後，製作播放列表顯示控制欄上，而不是它的底部之上，我不得不改變的是mediaelementJS到「頂」的playlistposition財產。

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

      });