我可以在点击时使用Jquery嵌入另一个div中的iframe吗？

Question

我在这里看到我的设计http://www.doublezerofilms.com/doublezero-template-webSamples.html

我想制作一个vimeo iframe嵌入播放上面的div时单击。我只是不知道该怎么做。任何建议将不胜感激。

这里是我的标记

<div id="content"> 
      <div id="videoBox"> 
       <!--Slider Begin--> 
       <div id="outterGPlayerBox"> 
        <div id="GPlayerBox"> 
         <div id="leftsidePlayer">Here are some videos about what we do</div><!--end of leftsidePlayer--> 
         <div id="rightsidePlayer"> 

         </div><!--end of rightsidePlayer--> 
        </div><!--end of GPlayer Box--> 
       </div><!--end of outterGPlayerBox--> 
       <!--Slider End--> 
      </div><!--end of videoBox--> 
       <div id="banner"> 
        <div class="thumbsWrap"> 
         <div> 
          <div id="Thumb1" class="fadehover"> 
          <img src="images/thumb1.jpg" alt="" class="a" /> 
          <img src="images/thumb1-over.jpg" alt="" class="b" /> 
          </div> 

          <div id="Thumb2" class="fadehover"> 
          <img src="images/thumb2.jpg" alt="" class="a" /> 
          <img src="images/thumb2-over.jpg" alt="" class="b" /> 
          </div> 

          <div id="Thumb3" class="fadehover"> 
          <img src="images/thumb3.jpg" alt="" class="a" /> 
          <img src="images/thumb3-over.jpg" alt="" class="b" /> 
          </div> 

          <div id="Thumb4" class="fadehover" style="margin:0px"> 
          <img src="images/thumb4.jpg" alt="" class="a" /> 
          <img src="images/thumb4-over.jpg" alt="" class="b" /> 
          </div> 
         </div> 
        </div><!--end of thumbsWrap--> 
       </div><!--end of banner--> 

我要的缩略图被点击

感谢当视频在rightsidePlayer DIV开启！

Answer 1

$("#rightsidePlayer").html('<iframe src="http://player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0"></iframe>');