当使用jQuery单击按钮时，如何暂停YouTube视频？

Question

我有一个jQuery滑块（大多数与http://slidesjs.com滑块相同）。我没有幸运找到如何在按下“下一个”或“上一个”按钮时暂停“当前”或可见幻灯片的YouTube视频的问题的答案，同时还更改了幻灯片本身。我也使用YouTube的iFrame而不是旧的嵌入代码。

有没有办法用iFrame实现这个功能？我知道Anything Slider（http://css-tricks.com/anythingslider-jquery-plugin/）拥有停止视频的能力，但我不确定它是如何实现的。

This听起来像它可以工作，但我不知道如何将其与事件联系起来以引发视频暂停功能。

非常感谢任何帮助。

Answer 1

你的播放器需要enable JS API。

之后，您可以使用player.pauseVideo()暂停视频。

Answer 2

$('iframe').each(function(i,e){
    let iframeSrc = $(e).attr('src');
    $(e).attr('src',iframeSrc);
});

这将重置所有视频的 src，您可以将其修改为仅定位一个

let iframeSrc = $('.youtube_video').attr('src');
$('.youtube_video').attr('src',iframeSrc);

用您的实际 iframe 类替换“.youtube_video”类