在关闭 DIV 容器（包含 Youtube Iframe）时完全停止 youtube 视频答案

【问题标题】：Fully stop a youtube video on closing a DIV container (containing the Youtube Iframe)在关闭 DIV 容器（包含 Youtube Iframe）时完全停止 youtube 视频
【发布时间】：2012-01-27 17:27:47
【问题描述】：

我有一个包含电影列表的页面，它们都有自己的预告片，即 Youtube Iframe。

您可以在这里查看： http://www.edoramedia.com/boxofficeuae/

单击视频缩略图，您可以查看该特定电影的预览和详细信息。单击播放按钮开始观看预告片，现在如果您单击关闭按钮或单击另一个缩略图，即使容器已更改，仍会在后台播放上一个预告片。

我在这个项目中使用 Jquery。那么有没有办法在关闭时停止拖车？

【问题讨论】：

你不能把这个问题减少到最小的部分吗？您应该能够将其简化为问题中包含的 10-20 行代码测试用例。

标签： jquery youtube video-streaming youtube-api

【解决方案1】：

由于我使用的是 iframe 嵌入，因此实现此方法并不容易，而且使用 Youtube API 目前仍处于 beta 模式。我用了this plugin，效果很好。

【讨论】：

【解决方案2】：

我认为您想访问 youtube 视频并发出 stopVideo 事件

player.stopVideo();

http://code.google.com/apis/youtube/js_api_reference.html#Playback_controls

【讨论】：

由于我使用的是 iframe 嵌入，因此实现此方法并不容易，而且使用 Youtube API 目前仍处于 beta 模式 (code.google.com/intl/nl/apis/youtube/iframe_api_reference.html)。我使用了这个插件：tikku.com/jquery-youtube-tubeplayer-plugin，效果很好。

【解决方案3】：

您需要为包含视频 iframe 的 div 应用 .hide() 函数

【讨论】：

不，它不适用于 hide()，因为即使 DIV 容器有点隐藏，但里面的视频仍然在后台支付，所以当我打开另一个视频并开始播放时将混合 2 种视频声音！
您可以使用该特定视频 ID 的 html 为“”。 .html("");