fix: responsive video.js audio waveform

src/css/player.scss

@@ -9,5 +9,12 @@
 }
 
 .video-js {
-  margin: 0 auto
+  margin: 0 auto;
+
+  &.vjs-wavesurfer.vjs-fluid {
+    /* stylelint-disable-next-line selector-type-no-unknown */
+    wave.vjs-wavedisplay {
+      height: calc(100% - 30px) !important
+    }
+  }
 }

src/js/player.js

@@ -114,7 +114,8 @@ page.reloadVideo = () => {
     if (isaudio) {
       options.plugins = {
         wavesurfer: {
-          backend: 'MediaElement'
+          backend: 'MediaElement',
+          responsive: true
         }
       }
     }