如何使用jQuery控制嵌入式vimeo视频?

Question

我的网站上有一个视频

https://clocal.wpengine.com/

它位于一个弹出框中，显然只有在您单击按钮打开弹出窗口时才可见。 该网站是在WordPress上构建的，我正在使用一个名为Divi的WordPress主题。 我正在使用这个技巧

https://dividezigns.com/pop-up-contact-form-using-divi/

制作我的弹出窗口。但这是我的问题，一切正常，除了当我关闭弹出窗口时，视频仍在后台播放。如果是YouTube视频，我可以使用此代码

http://jsfiddle.net/MadLittleMods/3J2wT/

<iframe id="popup-youtube-player" width="640" height="360" src="http://www.youtube.com/embed/geTgZcHrXTc?enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allowfullscreen="true" allowscriptaccess="always"></iframe>
$('#stop').on('click', function() {
//$('#popup-youtube-player').stopVideo();
$('#popup-youtube-player')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');    
});

但这是一个Vimeo视频，该代码不适用于Vimeo。

我只知道一点CSS和HTML，没有jQuery或javascript，除了我学到的试图弄清楚这一点，所以任何帮助都会很棒！

谢谢。

- 狗狗斯帕基

Answer 1

我提出的解决方案可能有更好的解决方案，但您能否清除视频的src值，然后在停止事件结束时重新加载它？

代码片段：

$('#stop').on('click', function() {
var source = $('#popup-youtube-player').attr('src');
$('#popup-youtube-player').attr('src','');
$('#popup-youtube-player').attr('src',source);
});

它似乎在这个jsfiddle链接中起作用：

http://jsfiddle.net/3J2wT/2325/(欣赏猫视频(