在JavaScript中隐藏/显示-停止播放YouTube iframe视频

我使用iframe函数嵌入视频，并通过JavaScript隐藏/显示内容和视频

我有一个问题。当我在第一个视频上按play，然后在不停止第一个视频的情况下单击next时，第一个视频会继续播放

在显示新内容时，如何在“后台”停止视频

$(function(){
    $("#link1").click(show1);
});

function show1(){
    $("#pic1").fadeIn();
    $("#pic2").hide();
}

我只是使用这个简单的JavaScript函数，其中“pic1”和“pic2”id是div的id，视频被嵌入其中

---

我就是不能让它工作。我试图将其删除，但如果需要，您将无法再次查看视频。

这是YouTube播放器API的一个实现，无需加载其他文件。为了完成这项工作，您必须在所有

的

src

属性后面加上

？enablejsapi=1

示例（为了可读性，我将代码分成几行，您可以放心地省略换行符）：

---

可能重复See:@xbonez你的问题不是关于一个带边框的youtube视频。我试过了，但我对切换视频的事情有点困惑。我有大约7个视频，这意味着7个不同id的视频，7个id的缩略图。那不是有很多代码吗？[andreasbense.dk]在这一页的“视频”下，我把它修好了。添加了“onClick=“player.stopVideo（）；“到我所有的链接。它在firefox中工作。不确定它在google chrome中是否工作。你太棒了！谢谢：-t这似乎不再工作了，我收到了以下错误：

阻止了一个带有源代码的框架”http://www.mywebsite.com“从访问具有原点的帧”http://www.youtube.com“。协议、域和端口必须匹配。

尝试访问

内容窗口时

property@bfred.it该方法仍然有效，否则许多其他脚本（包括官方的YouTube iframe API）将崩溃。您使用的是什么代码？在控制台中键入

document.queryselectoral（“#video iframe”）[0]

。仅此一点就将导致该错误…但

document.querySelectorAll（“#video iframe”）[0].contentWindow.postMessage

不会。算了吧，我的错，我想这个函数能用。

<div id="pic3">
    <iframe width="640" height="390"
            src="http://www.youtube.com/embed/Xub4grFLbQM?enablejsapi=1"
            frameborder="0" allowfullscreen></iframe>
</div>

<div id="tS2" class="jThumbnailScroller">
.. Removed your code for readability....
    <a href="#vid3" id="link3"><img src="images/thumbs/player2.jpg" height="85"/></a>
    ....

$(function() {
    /* elt: Optionally, a HTMLIFrameElement. This frame's video will be played,
     *       if possible. Other videos will be paused*/
    function playVideoAndPauseOthers(frame) {
        $('iframe[src*="http://www.youtube.com/embed/"]').each(function(i) {
            var func = this === frame ? 'playVideo' : 'pauseVideo';
            this.contentWindow.postMessage('{"event":"command","func":"' + func + '","args":""}', '*');
        });
    }
    $('#tS2 a[href^="#vid"]').click(function() {
        var frameId = /#vid(\d+)/.exec($(this).attr('href'));
        if (frameId !== null) {
            frameId = frameId[1]; // Get frameId
            playVideoAndPauseOthers($('#pic' + frameId + ' iframe')[0]);
        }
    });
});