关闭DIV容器(包含Youtube iframe)时完全停止YouTube视频

时间:2011-12-25 20:59:09

标签: jquery youtube video-streaming youtube-api

我有一个包含电影列表的页面,所有这些都有他们的预告片,即Youtube iframe。

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

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

我正在为这个项目使用Jquery。那么有没有办法阻止拖车关闭?

3 个答案:

答案 0 :(得分:1)

由于我正在使用Iframe嵌入,因此我实现此方法并不容易,而Youtube API目前仍处于测试版模式。我使用this plugin并且效果非常好。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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

player.stopVideo();

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