Question

我现在是程序员并且了解css。我是平面设计专业的学生，为我的大项目建立了一个带有Wordpress和Divi主题的网站。有一个插件“Bloom”将弹出嵌入式html youtube iframe，但当它关闭时，视频会继续播放。我在论坛上搜索了几天，并且不太明白如何让它停止。

这是弹出窗口的html。

<html>
 <body>
 <iframe id="ytvideo2" width="640" height="360" src="https://www.youtube.com/embed/IkktPPRahMU?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
 </body>
</html>

我在论坛上找到的脚本。

//First get theiframe URL
var url = $('#ytvideo').attr('src');

//Then assign the src to null, this then stops the video been playing
$('#ytvideo').attr('src', '');

// Finally you reasign the URL back to your iframe, so when you hide and load it again you still have the link
$('#ytvideo').attr('src', url);

我甚至不知道这对我来说是否是正确的剧本以及它应该去哪里。 :( 希望有人能帮助我。提前谢谢。

Answer 1

尝试使用Youtube IFrame API。

询问您是否需要更多帮助：D

https://developers.google.com/youtube/iframe_api_reference?hl=de

弹出窗口关闭时停止YouTube视频

1 个答案: