Big Play Button is not visible

[meusx]

Description

The play button is not showing using the library as plugins on videojs

Steps to reproduce

options = {
      controls: true,
      autoplay: false,
      fill: true,
      bigPlayButton: true,
      fluid: true,
      playbackRates: [0.5, 1, 1.5, 2],
      nativeControlsForTouch: true,
      html5: {
          nativeControlsForTouch: true,
          nativeAudioTracks: true
      },
      plugins: {
          wavesurfer: {
              waveColor: '#009fd1',
              cursorColor: 'black',
              interact: true,
              barHeight: 0.2,
              backend: 'MediaElement',
              displayMilliseconds: false,
              mediaControls: true,
              barRadius: 26,
              cursorWidth: 1,
              barGap: 26
          }
      }
  };

Results

Expected

When its a video content without wavesurfer the play button shows but with wavesurfer it does not shows

Actual

The play button button after the cotent loads

Error output

None

Versions

Make sure to include the following versions:

videojs/wavesurfer

videojs version : 7.4.;1
videojs-wavesurfer: https://unpkg.com/wavesurfer.js

Browsers

Safari and Chorme (Both on mobile)
Did not try in any other

OSes

Android and IOs

[thijstriemstra]

The big play button is not used in this videojs plugin because it interferes with the wavesurfer.js instance. This is why It's explicitly disabled in the code

If you comment out that check, and recompile, you will end up with this:

It's a button that cannot be clicked, the click events are recieved by the wavesurfer instance instead. Any suggestions to work around this are always welcome.