Video continues to play after being hidden in jQuery

Question

I've got a drop down menu which when selected displays a different video for each option. The problem is that if you start watching a video then decide to pick another, the first video will continue to play in the background even though you can't see it resulting in two audio tracks playing at the same time.

The page is here and it relies on this script to run

Answer 1

You could pause the video using the javascript pause() method from your players api