Question

我是jquery的总菜鸟，即使有很多相关的问题，我也无法让他们在我自己的网站上工作。但是你的帮助将不胜感激！

我正在尝试使用iframe嵌入一些vimeo视频。我想要iframe的div，名为＆＃34;＃player1＆＃34;当我点击div＆＃34;＃filmklip_thumb1＆＃34;当我点击＃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);
    }
});

div隐藏时停止vimeo视频

1 个答案: