Custom Tab Out Of View Interaction

Design help Custom code
1

Hi,

I am adding a 3rd party JS widget to tabs - https://preview.webflow.com/preview/ontrialuk-b0ff56e00e05711918079754a88cb?utm_medium=preview_link&utm_source=designer&utm_content=ontrialuk-b0ff56e00e05711918079754a88cb&preview=caf70fbafe613aee7d34700634f83282&mode=preview

To reproduce.
You will need to access https://ontrialuk-b0ff56e00e05711918079754a88cb.webflow.io/
Make sure you are on the Music tab
Click on the fourth CD
If nothing shows, you need to allow unsafe scripts
This should show the Audio Player.
Play a song
Click on a different CD cover
Note the music continues.

I have the API of the player to stop the player - but I need to add this so that it is executed when the tab is “not active”.

Hope this makes sense - any suggestions?

Thanks
Pete

2

You need to load your external resources using SSL. There is no certificate on the server they are hosted on; so need to move them (the files) to a location that will serve them up via SSL.

3

Actually I changed the design so that it uses buttons instead of tabs - and now it works fine. http://www.plan-it-web.co.uk/OnTrial

Thinking of changing the design so that everything is on pages instead of using tabs.