將id值附加到iframe src屬性

Question

我想追加用戶點擊的圖像鏈接的id值，到iframe src顯示視頻給用戶可以播放它。

我能捕捉到從ID的價值，但我不知道如何動態地傳遞到IFRAME SRC

http://jsfiddle.net/V4ehv/

$(".play-video").click(function() { 
    alert("http://www.youtube.com/embed/" + this.id); 

    // append the id code into the iframe src="" 
}); 

<div class="video-item"> 
    <a href="#" class="play-video" id="B-5c8Z-I_x4"><img src="http://img.youtube.com/vi/B-5c8Z-I_x4/1.jpg"></a> 
    <br />10/15/2014        
</div><!-- ./video-item --> 

<div class="video-item"> 
    <a href="#" class="play-video" id="kLRVk-rt1kg"><img src="http://img.youtube.com/vi/kLRVk-rt1kg/1.jpg"></a> 
    <br />10/15/2014        
</div><!-- ./video-item --> 

<iframe width="400" height="225" src="" class="user-picked-video" frameborder="0" allowfullscreen></iframe> 

Answer 1

只需使用.attr()設置src的iframe

$('iframe.user-picked-video').attr('src', "http://www.youtube.com/embed/" + this.id) 

DEMO

Answer 2

與普通的JavaScript它只是：

var myIframe= document.getElementById('myIframe'); 

    myIframe.src = "http://www.youtube.com/embed/" + myIframe.id;