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

Question

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

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

这听起来好像可以，但我不确定如何将其与事件结合起来以启动视频暂停功能。

任何帮助将不胜感激。

Answer 1

您需要为您的播放器启用 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);

将类“.youtube_video”替换为实际的 iframe 类