jquery - div 隐藏时停止 vimeo 视频

Question

我对 jquery 完全是个菜鸟，尽管有很多相关的问题，但我无法让其中任何一个在我自己的网站上工作。但我们将非常感谢您的帮助!

我正在尝试使用 Iframe 嵌入一些 vimeo 视频。我希望当我单击 div“#filmklip_thumb1”时打开带有 Iframe 的名为“#player1”的 div，并且当我单击 #filmklip_thumb1 或页面上的其他任何位置时我希望 #player1 关闭并且视频停止.

这到底是怎么做到的？

Answer 1

如果您想停止视频而不是暂停视频，那么我们不需要保留视频进度，最简单的方法可能就是重置 iframe 源。这是一个似乎可以按您的要求工作的示例:

jsfiddle 示例:

http://jsfiddle.net/ULQcq/

jQuery:

$('#player1').hide();

$('#filmklip_thumb1').click(function(e) {
    e.stopPropagation();
    if($('#player1').css('display') != 'none') {
        var iFrame = $('#player1 iframe');
        var iFrameSRC = iFrame.attr('src');
        iFrame.attr('src',''); 
        iFrame.attr('src', iFrameSRC);
    }
    $('#player1').slideToggle('slow');
});

$(document).click(function() {
    if($('#player1').css('display') != 'none') {
        $('#player1').slideUp('slow');
        var iFrame = $('#player1 iframe');
        var iFrameSRC = iFrame.attr('src');
        iFrame.attr('src',''); 
        iFrame.attr('src', iFrameSRC);
    }
});