Video Embed not working with 6th tab

Hi -

I have a set of tabs on my site and each tab plays a video.

The first 5 tabs all work great. Today I went to add a 6th tab - and the video will not play. I have tried:

  • different video files
  • re-uploading the file
  • using a file that works in another tab
  • making sure the video id is different
  • trying the same video id as another working video

None of this has worked.

Here is my custom code:

<video id="video_talk" muted preload="auto" style="max-width: 100%; object-fit:fill; border-radius:12px; border: 1px solid #ECECEC;" playsinline src="https://storage.googleapis.com/highlightapp/webassets/CaptureZoom.mp4" type="video/mp4">
Sorry, your browser doesn’t support embedded videos.</video>

And here is my site:

https://ramble-marketing-b3a00a69-c70785dbd5456.webflow.io/

Any advice on what I am doing wrong?

Thank you in advance!

hi @William_Ferrell I have now checked your source code and you have set only 5 listeners in your Shaka Player settings. Your last tab is called talk but there is already one with identical id (the first one). Please revisit and adjust your code to your needs. Once is done check your live page with DevTools as there are some ERRORS that may be fixed by setting your player correctly.

Good luck

Thank you very much for your help Stan. I was able to make progress from what you posted. Thank you again!