diff --git a/client/src/app/shared/components/video-player/video-player.component.html b/client/src/app/shared/components/video-player/video-player.component.html
index be6c84268..140a54d16 100644
--- a/client/src/app/shared/components/video-player/video-player.component.html
+++ b/client/src/app/shared/components/video-player/video-player.component.html
@@ -1,7 +1,7 @@
 <div class="video-wrapper">
     <div class="player-container" [ngClass]="{ hide: !isUrlOnline && usingVjs }" *ngIf="isStable">
         <div *ngIf="usingVjs">
-            <video #vjs class="video-js" controls preload="none"></video>
+            <audio #vjs class="video-js" controls preload="none" liveui="true"></audio>
         </div>
         <div *ngIf="!usingVjs" class="iframe-player">
             <iframe
diff --git a/client/src/app/shared/components/video-player/video-player.component.ts b/client/src/app/shared/components/video-player/video-player.component.ts
index 4d28fbff9..b36412e5d 100644
--- a/client/src/app/shared/components/video-player/video-player.component.ts
+++ b/client/src/app/shared/components/video-player/video-player.component.ts
@@ -25,6 +25,8 @@ import { ConfigService } from 'app/core/ui-services/config.service';
 
 enum MimeType {
     mp4 = 'video/mp4',
+    mp3 = 'audio/mpeg',
+    ogg = 'audio/ogg',
     mpd = 'application/dash+xml',
     m3u8 = 'application/x-mpegURL'
 }