Javascript 如何停止嵌入式Youtube视频

Javascript 如何停止嵌入式Youtube视频,javascript,jquery,video,youtube,Javascript,Jquery,Video,Youtube,我正在为一个朋友制作一个网站,其中嵌入了几个youtube音乐视频。我试图在单击类为“showvm”的div时停止youtube视频。我已经看过类似的话题,但仍然不知道如何让它们停止。 视频的代码如下,这里是一个 请帮忙。谢谢使用youtube javascript API: 设置完毕后,您可以按ID(而不是URL)加载视频,并可以使用以下功能: player.playVideo()和player.stopVideo()使用: $('#videoscreen iframe').each(fu

我正在为一个朋友制作一个网站,其中嵌入了几个youtube音乐视频。我试图在单击类为“showvm”的div时停止youtube视频。我已经看过类似的话题,但仍然不知道如何让它们停止。
视频的代码如下,这里是一个



请帮忙。谢谢使用youtube javascript API:

设置完毕后,您可以按ID(而不是URL)加载视频,并可以使用以下功能:

player.playVideo()
player.stopVideo()

使用:

$('#videoscreen iframe').each(function() {

//First get the  iframe URL
var url = $(this).attr('src');

//Then assign the src to null, this then stops the video been playing
$(this).attr('src', '');

// Finally you reasign the URL back to your iframe, so when you hide and load it again you still have the link
$(this).attr('src', url);
});

停止iframe视频最简单的方法通常是删除iframe src,然后再次添加。您能再解释一下吗?我对如何实现这一点有点困惑。你对什么感到困惑。您需要在
$('.showvm')中添加上述代码。单击(function(){
我在您所说的位置添加了它,但它没有停止视频,但是当我将“#videoscreen”更改为“.video”时它成功了。非常感谢!是的,你的原始标记没有那个id。甚至在回答问题时创建了fiddle:这似乎会影响动画的性能吗?对我来说,这似乎会使动画变得非常滞后。我不是在抱怨,只是好奇请解释一下如何做,我在其他主题上看到了这个答案,我真的很困惑d至于如何实现itRead本页的getting started(入门)部分,它包含了您所需的一个深入而体面的起点。
$('#videoscreen iframe').each(function() {

//First get the  iframe URL
var url = $(this).attr('src');

//Then assign the src to null, this then stops the video been playing
$(this).attr('src', '');

// Finally you reasign the URL back to your iframe, so when you hide and load it again you still have the link
$(this).attr('src', url);
});