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

时间:2013-03-15 23:31:49

标签: jquery youtube

我在页面上有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 * s'。

P.S。我希望你能理解我的英语:(

1 个答案:

答案 0 :(得分:-1)

使用jQuery的.attr()方法。所以你会说$('iframe').attr('src', '');基本上删除它。

修改:我还应该补充一点,您可以采用相同的方式添加新网址$('iframe').attr('src', 'http://www.youtube.com/new-url-goes-here');,只需确保将iframe更改为您设置的iframe或ID