我的网站上有一段视频
这是在一个弹出框中,显然只有当你点击一个按钮打开弹出窗口时才能看到。这个网站是在WordPress上建立的,我正在使用一个名为Divi的WordPress主题。我用的是这个黑客
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,除了我学到的,试图找出这一个,所以任何帮助都是很棒的!
谢谢。
-sparkie狗
发布于 2018-08-09 06:35:05
可能有一个更好的解决方案,我建议的一个,但你能只清除视频的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/ (欣赏猫视频)
https://stackoverflow.com/questions/51768842
复制相似问题