jQuery-单击“用新内容替换iFrame内容”

试图找出最好的方法来做到这一点。我有一个主视频播放器，从Vimeo中提取视频。在这个主要播放器下面是其他视频的缩略图。当用户单击缩略图时，我希望它使缩略图视频取代主视频

Vimeo嵌入件均基于iFrame。我不确定是应该替换整个iFrame，还是只替换URL等。还有主屏幕和缩略图之间的大小差异；不确定这是否会自动进行，或者Vimeo代码是否足够聪明，可以调整大小。Jquery单击是否可以覆盖缩略图通常希望播放的小视频

HTML

---

您应该只替换src文件，而不是替换整个iframe。如果要替换整个iframe，则需要调整单击列表的属性

这就是我的想法：

<div>
      <iframe src="#" id="blogPlayer" width="528" height="297" frameborder="0"></iframe>
</div>

$('.blogThumbnails li').click(function(){
   var url = $(this).attr('src');
   $('#blogPlayer).attr('src', url);
   return false;
})

---

既然

video

是一个变量，您不应该执行

.replacetwith（video）

吗？您不应该执行

.attr（{width:'528'，height:'297'}）

？更不用说如果你使用了你的

风格

，你的

后面有一个
，
。谢谢斯科特。我在飞行中做了这件事，没有真正想清楚！下次我应该在编辑器中重写代码。@nolabel-Haha，不用担心。我也这么做。我不得不看了10遍，但总有一些东西我错过了。谢谢，我认为你的想法只是取代网址是最好的，但有2点。首先，我的点击怎么能覆盖Vimeo播放器的缩略图呢？其次，当页面加载了iframe之后，flashplayer等实际上有一些src属性，我如何确保它得到了正确的src属性？
$('.blogThumbnails li').click(function(){
   var video = $(this).html();
   $('.blogPlayer').replaceWith('video');
})

<div>
      <iframe src="#" id="blogPlayer" width="528" height="297" frameborder="0"></iframe>
</div>

$('.blogThumbnails li').click(function(){
   var url = $(this).attr('src');
   $('#blogPlayer).attr('src', url);
   return false;
})

$('.blogThumbnails li').click(function(){
   var video = $(this).html();
   $('.blogPlayer')
          .replaceWith(video)
          .attr({
                  width: '528',
                  height: '297'
          });
   return false;
})