Javascript 通过js停止youtube iframe视频

如何在单击时停止（youtube）视频？我已经试了很多次了，但是我不能让它工作…我做错了什么？关于互联网上的文档和数百篇帖子，这应该很有魅力……但事实并非如此：

html:

在

我不能用JS创建视频iframe…所以我需要一个针对给定iframe的解决方案

提前谢谢

关于这一点，我发现我犯了以下几点错误： 1.如果在iframe src->中传递了“&origin=”，它将不起作用。 2.在js fiddle中，只有当FWs和EXT加载在正文中而不是加载时，它才起作用

好吧，这就是我所需要的：） 这是一张工作票

而代码… …HTML:

<iframe width="420" height="315" src="https://www.youtube.com/embed/2BagaJFimzk?autohide=1&showinfo=0&rel=0&enablejsapi=1&origin=http%3A%2F%2Fjsfiddle.net" frameborder="0" allowfullscreen></iframe>
<button>please stop :(</button>

---

为了使用YouTube JavaScript API控制视频对象，必须使用JavaScript而不是HTML创建视频对象。有关错误，请参阅控制台：

Uncaught TypeError:thisvid.pauseVideo不是一个函数

@blazemonger关于这一点，它应该通过使用HTML创建来工作！这就是我想弄明白的@我看到了错误…但这对我有什么帮助？你把图书馆包括进去了吗？

var thisvid;

function onYouTubePlayerAPIReady() {
    thisvid = new YT.Player($('iframe')[0]);
}

if (!thisvid) onYouTubePlayerAPIReady();

$('button').click(function () {
    thisvid.pauseVideo();
});

<iframe width="420" height="315" src="https://www.youtube.com/embed/2BagaJFimzk?autohide=1&showinfo=0&rel=0&enablejsapi=1&origin=http%3A%2F%2Fjsfiddle.net" frameborder="0" allowfullscreen></iframe>
<button>please stop :(</button>

var thisvid;

function onYouTubePlayerAPIReady() {
    thisvid = new YT.Player($('iframe')[0]);
}

if (!thisvid) onYouTubePlayerAPIReady();

$('button').click(function () {
    thisvid.pauseVideo();
});