jquery - 点击其他视频后，清除youtube嵌入式视频 “src”

Question

我在页面上有3个youtube视频。页面会使用 src “http://img.youtube.com/vi/ video_id /maxresdefault.jpg”来加载 img 元素。然后，对于每个缩略图，转到youtube的 iframe 视频代码。

即使我将 display显式指向:none 指向 iframe 元素，如果我将 autoplay = 1设置为，它仍会加载视频并开始不可见播放。我认为它不会加载，虽然它不可见，所以我可以通过CSS调用显示和隐藏视频，而无需使用JavaScript。

因此，当单击另一个缩略图并显示其他视频时，如何指示jQuery清除“ iframe src = ”？

想法是仅提供视频缩略图jpg，并且仅在显式单击缩略图时播放视频-如果已经在播放其他视频，则应停止清除它的 src 。所有视频都可以具有不同的* ID *。

附言我希望你能听懂我的英语:(

Answer 1

使用jQuery的.attr()方法。因此，您会说$('iframe').attr('src', '');本质上将其删除。

编辑:我还要补充一点，您可以使用$('iframe').attr('src', 'http://www.youtube.com/new-url-goes-here');相同的方式添加新的URL，只需确保将iframe更改为您设置的任何iframe或ID