2 files changed, 12 insertions, 6 deletions
diff --git a/assets/css/player.css b/assets/css/player.css
index 304375b5..8a7cfdab 100644
--- a/assets/css/player.css
+++ b/assets/css/player.css
@@ -101,21 +101,25 @@ ul.vjs-menu-content::-webkit-scrollbar {
   order: 2;
 }
 
+.vjs-audio-button {
+  order: 3;
+}
+
 .vjs-quality-selector,
 .video-js .vjs-http-source-selector {
-  order: 3;
+  order: 4;
 }
 
 .vjs-playback-rate {
-  order: 4;
+  order: 5;
 }
 
 .vjs-share-control {
-  order: 5;
+  order: 6;
 }
 
 .vjs-fullscreen-control {
-  order: 6;
+  order: 7;
 }
 
 .vjs-playback-rate > .vjs-menu {
diff --git a/assets/js/player.js b/assets/js/player.js
index f7005280..287b7ea1 100644
--- a/assets/js/player.js
+++ b/assets/js/player.js
@@ -17,6 +17,7 @@ var options = {
             'remainingTimeDisplay',
             'Spacer',
             'captionsButton',
+            'audioTrackButton',
             'qualitySelector',
             'playbackRateMenuButton',
             'fullscreenToggle'
@@ -149,7 +150,8 @@ if (isMobile()) {
 
     var buttons = ['playToggle', 'volumePanel', 'captionsButton'];
 
-    if (video_data.params.quality !== 'dash') buttons.push('qualitySelector');
+    if (!video_data.params.listen && video_data.params.quality === 'dash') buttons.push('audioTrackButton');
+    if (video_data.params.listen || video_data.params.quality !== 'dash') buttons.push('qualitySelector');
 
     // Create new control bar object for operation buttons
     const ControlBar = videojs.getComponent('controlBar');
@@ -176,7 +178,7 @@ if (isMobile()) {
         var share_element = document.getElementsByClassName('vjs-share-control')[0];
         operations_bar_element.append(share_element);
 
-        if (video_data.params.quality === 'dash') {
+        if (!video_data.params.listen && video_data.params.quality === 'dash') {
             var http_source_selector = document.getElementsByClassName('vjs-http-source-selector vjs-menu-button')[0];
             operations_bar_element.append(http_source_selector);
         }