我在页面上有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。我希望你能理解我的英语:(
答案 0 :(得分:-1)
使用jQuery的.attr()
方法。所以你会说$('iframe').attr('src', '');
基本上删除它。
修改:我还应该补充一点,您可以采用相同的方式添加新网址$('iframe').attr('src', 'http://www.youtube.com/new-url-goes-here');
,只需确保将iframe更改为您设置的iframe或ID