Question

I have a user embedded youtube video, they’ve copied and pasted a iframe youtube player into it.

I’ve looked at a load of questions on stackoverfow and the you tube api but can’t seem to figure out how to pause all the videos that are playing on the page from query.

I’ve tried both of the following but they cause errors cause the player isn’t found:

$('iframe').each(function(){
    $(this).find('#video-player-flash').pauseVideo();
    $(this).pauseVideo();
});

Answer 1

Assuming pausePlayer is a method of HTML5 Video object;

// so you need native DOM object
$('iframe').each(function(){
    $(this).find('#video-player-flash').get(0).pause();
    $(this).get(0).pause();
});