div隐藏时停止vimeo视频

Question

我是 jquery 的菜鸟，尽管有很多相关的问题，但我无法让其中任何一个在我自己的网站上工作。 但我们将不胜感激您的帮助！

我正在尝试使用 iframe 嵌入一些 vimeo 视频。我希望在单击 div“#filmklip_thumb1”时打开带有 Iframe 的 div，称为“#player1”，我希望在单击 #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);
    }
});