使用jquery隐藏时隐藏youtube视频

这里已经有几个类似的问题，但似乎没有一个适合我的应用程序

$('.vidframe').hide();

在我的网站上，我打开了一个带有嵌入式视频的灯箱供用户观看。他们单击缩略图，视频显示在缩略图的右侧。下面是我正在使用的javascript代码：

$('.vidframe').hide();

$（文档）.ready（函数（）{ $（'.vidframe'）.hide（）

$('.vidframe').hide();

和JSFIDLE链接到半工作示例：

$('.vidframe').hide();

但是，当从一个视频切换到下一个视频时，视频不会停止。我尝试通过更改

$('.vidframe').hide();

到

$('.vidframe').hide();

---

但是，这会从我的DOM中删除所有视频并彻底破坏一切。有没有办法在从一个单击到另一个时隐藏视频，但停止播放和缓冲iframe？我觉得我使用.remove（）的方法是正确的，但不知道从这里走到哪里。

嗨，我刚刚看到了你的代码

$('.vidframe').hide();

你一切正常，但电影没有停止的原因只是因为hide.is设置可见：无；所以他们仍将播放

$('.vidframe').hide();

方法是创建带有一些ID的动态iframe

$('.vidframe').hide();

当有人点击下一部电影时，它会。删除（）当前电影。将新的电影放在你记得的地方，然后将删除的电影重新插入一个隐藏的iframe中，这样它就可以预缓冲并以不可见的方式准备好。你不应该实际进行隐藏加载，但如果你不打算分配电影，那就好了——当你开始预加载几十部电影时，这是唯一的问题

$('.vidframe').hide();

编辑

$('.vidframe').hide();

好的，我基本上把你的代码拆开，并对它进行一些结构建模——我使用的代码也减少了30%——因为我让jquery做了艰苦的工作

$('.vidframe').hide();

这不会预加载您的电影，因为这是一种非常糟糕的做法，如果您开始添加大量电影，可能会导致您的网站加载“缓慢”。这实际上取代了单击的电影，并在d中消失，您可以播放它

$('.vidframe').hide();

检查小提琴的新版本

$('.vidframe').hide();

$('.vidframe').hide();

同时也阅读这些——也许你能做得更好

$('.vidframe').hide();

$('.vidframe').hide();

---

太好了，谢谢你的建议。不过，我对javascript/iFrame有点陌生，你能详细介绍一下如何动态创建它们以及我必须使用哪种javascript吗？感谢你的帮助。好吧-我修改了你的代码-你有一个很好的例子说明了如何充分使用jQuery以及如何构造代码。看看我重新设计的方式我们的CSS——这是正确的使用方式，我删除了不必要的div、a标记和其他东西。jQuery也以同样的方式理解CSS的层叠——看我上面的编辑谢谢你这么多朋友，这是迄今为止我在这里得到的最有帮助的回应，我真的非常感谢你的小提琴将帮助我更好地学习代码，因为我现在是个新手。干杯。

$('.vidframe').hide();