【问题标题】:Stop YouTube video from playing when div is closeddiv 关闭时停止播放 YouTube 视频
【发布时间】:2012-07-18 11:19:20
【问题描述】:

如何在 div 关闭时停止播放 YouTube 视频?

演示:http://defroster.99k.org/layers.php

谢谢

【问题讨论】:

  • 您可以很好地观看第一个视频和第二个视频:D 如果您尝试动态设置/删除 iframe src 会发生什么
  • 谢谢,这有点超出我的了解。任何想法如何轻松更改代码以应用它。或者有人知道有教程的网站吗?谢谢一百万

标签: javascript html youtube show-hide


【解决方案1】:

如果你不想使用 js_api_reference...

你需要清除 div 对象

$('#slidingDiv').html('');  or rebuild the html

滑动完成后,激活后再次重建html内容。

试试这个 http://jsfiddle.net/fedmich/GTedm/

$('#slidingDiv').slideToggle('', function (){
    var obj = $(this);
    if(obj.is(':hidden')){
        obj.html( obj.html() );
    }
});

【讨论】:

  • 非常感谢!!!但是我很困惑在哪里输入此代码。我应该把它添加到defroster.99k.org/incl/showHide.js
  • 如何使用您的代码在同一页面上包含多个项目?非常感谢您的帮助
  • 嗯,你现在的脚本不支持回调,所以我们需要先添加它。问题,您是否已修复并决定使用该脚本,或者您可能仍打算使用其他脚本?你想做的叫做手风琴,也许你可以先在网上查一些简单的手风琴。 docs.jquery.com/UI/Accordion
  • 我很乐意使用您提供的出色代码!!效果很好!但是如何将它与同一页面上的多个项目(大约 5 个视频)一起使用?喜欢这个页面:defroster.99k.org/layers.php 再次感谢!
  • @Marcus Silverman:尝试自定义 jquery 选择器以指向每个不同的项目.. $('#slidingDiv1')、$('#slidingDiv2') 等。
猜你喜欢
  • 1970-01-01
  • 2012-08-07
  • 2018-05-27
  • 2015-10-12
  • 2013-07-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多