弹出窗口关闭时停止 youtube 视频 [重复]

Posted

技术标签:

【中文标题】弹出窗口关闭时停止 youtube 视频 [重复]【英文标题】:Stop youtube video when popup is closed [duplicate] 【发布时间】:2017-10-23 06:47:29 【问题描述】:

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

这是我的弹出窗口的 html。

<html>
 <body>
 <iframe id="ytvideo2"   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);

我什至不知道这是否适合我的脚本以及它应该去哪里。 :( 希望有人能帮助我。 提前致谢。

【问题讨论】:

当弹出窗口关闭时,您需要这样做。检查插件文档,看看它是否提供了任何事件。 添加你用来关闭弹窗的脚本 【参考方案1】:

尝试使用 Youtube IFrame API。

请问您是否需要更多帮助:D

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

【讨论】:

以上是关于弹出窗口关闭时停止 youtube 视频 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

重复的 YouTube iframe 嵌入视频播放

使用Light YouTube嵌入模态(从基础显示) - 如何在模态窗口关闭后停止视频播放?

模态关闭时停止 youtube 视频

弹出窗口中的 Youtube 视频自动播放

关闭弹出窗口后,弹出视频会在后台继续播放

即使关闭后如何停止弹出视频的视频播放背景