make audio only mode player responsive in fluid mode

videojs · Apr 13, 2022 · 430fe4b · 430fe4b
1 parent 9a45f05
commit 430fe4b
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/css/components/_layout.scss b/src/css/components/_layout.scss
@@ -70,13 +70,20 @@
 
 // Not including a default AR in vjs-fluid because it would override
 // the user set AR injected into the header.
+.video-js.vjs-fluid,
+.video-js.vjs-16-9,
+.video-js.vjs-4-3,
+.video-js.vjs-9-16,
+.video-js.vjs-1-1 {
+  width: 100%;
+  max-width: 100%;
+}
+
 .video-js.vjs-fluid:not(.vjs-audio-only-mode),
 .video-js.vjs-16-9:not(.vjs-audio-only-mode),
 .video-js.vjs-4-3:not(.vjs-audio-only-mode),
 .video-js.vjs-9-16:not(.vjs-audio-only-mode),
 .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
-  width: 100%;
-  max-width: 100%;
   height: 0;
 }