MediaElementJSオーディオプレイリストをコントロールの上に表示する方法を教えてください。

Question

私は下の画像に示すように、フッターにmediaelementjsオーディオプレーヤーを持っています。

私の質問は上記の画像に掲載されています。

私のオーディオプレーヤーをこのジョムラオーディオプレーヤーのように見せたい（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'] 
         }); 

      });