Question

我的网站上有一个视频

https://clocal.wpengine.com/

位于弹出框中，显然只有当您单击按钮打开弹出窗口时，该对话框才可见。该网站是基于WordPress构建的，而我使用的是称为Divi的WordPress主题。而我正在使用此hack

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

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

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/（欣赏猫视频）

如何使用jQuery控制嵌入式Vimeo视频？

1 个答案: