Stop YouTube video from playing when closing acoordion div

Question

Possible Duplicate:
How to pause a YouTube player when hiding the iframe?

I have a jquery accordion which plays youtube videos. How can I stop the youtube video from playing when I close the layer? It keeps on playing in the background.

I think I just have to add something tiny to the code but am completely puzzled unfortunately.

Here is my example and the code: http://defroster.99k.org/youtube_div.htm

Thanks a million for help! Marcus

this [answer](http://stackoverflow.com/questions/2128535/stop-a-youtube-video-with-jquery) should help. — effectica, Aug 10 '12 at 15:13

score 1 · Answer 1 · answered Aug 10 '12 at 15:21

1

$("#the-accordion").accordion({
    changestart: function(){
        player.stopVideo();
    }
});

answered Aug 10 '12 at 15:21

Vic

8,261
6
42
55

I don't know what I am doing wrong but the code will not display nicely. See below – Marcus Silverman Aug 10 '12 at 15:58

score 1 · Accepted Answer · answered Aug 10 '12 at 18:44

1

Try this:

$(document).ready(function(){
    $(".accordion2 h3").eq(40).addClass("active");
    $(".accordion2 p").eq(40).show();
    $(".accordion2 h3").click(function(){
        var video = $(".accordion2 h3.active").next().children();
        var src = video.attr("src");
        video.attr("src","");
        video.attr("src",src);
        $(this).next("p").slideToggle("slow")
        .siblings("p:visible").slideUp("slow");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });
});

Example here: http://jsfiddle.net/r8h7t/20/

answered Aug 10 '12 at 18:44

Vic

8,261
6
42
55

You are the man!! Works brilliantly. Thanks so much. How can I thank you? – Marcus Silverman Aug 10 '12 at 19:00
1

It even works in an old version of internet explorer. Nice job! – Marcus Silverman Aug 10 '12 at 19:19

Stop YouTube video from playing when closing acoordion div

2 Answers2