So i have a page where there are a set of divs which each contain one iframe embedded video either form youtube or vimeo. I have used jquery to show/hide these divs when the thumbnails below are clicked. The problem is that when a video is playing and then another video is selected, the first video continues to play in the background. I am looking for a solution that will either pause or reset (back to beginning) the first video that is now hidden.
Reason i came here is because i noticed that the anything slider does exactly what i am looking for, see below form the anything slider list of features:
Pauses playing YouTube videos when not in view and resumes them when in view (only in non-IE browsers & if files are hosted on the web).