How to stop a Vimeo video with jQuery

Question

When I hide a YouTube video, it stops playing. However, this is not the case for Vimeo videos. Is there another way to stop a Vimeo video?

Answer 1

First, add an ID to your iFrame. Then add this to your javascript close window click function:

var $frame = $('iframe#yourIframeId');  // saves the current iframe source var vidsrc = $frame.attr('src');  // sets the source to nothing, stopping the video $frame.attr('src','');   // sets it back to the correct link so that it reloads immediately on the next window open $frame.attr('src', vidsrc); 

Answer 2

I recently needed to pause a Vimeo video that was inside a Bootstrap modal when the modal was closed.

The Vimeo video was embedded in an iframe.

This is what worked for me:

$("#my-bootstrap-modal").on('hidden.bs.modal', function (e) {     var div = document.getElementById("my-bootstrap-modal");     var iframe = div.getElementsByTagName("iframe")[0].contentWindow;     iframe.postMessage('{"method":"pause"}', '*'); });