用jQuery按钮点击更改iFrame的URL？

Question

我正在尝试找出如何在点击蓝色按钮后更改此iframe中的视频。 因此，换句话说，单击蓝色按钮将更改在iframe中播放的视频。

如果有人知道如何做到这一点，请告诉我......

http://jsfiddle.net/69nj13nL/

HTML

<div id="stage">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/e-ORhEE9VVg" frameborder="0" allowfullscreen></iframe>
</div>

<br>

<div id="button">Click me</div>

CSS

#button{
    background:blue;
    cursor:pointer;
    width:200px;
    margin-left:auto;
    margin-right:auto;
    color:white;
}

的jQuery

$(document).on('click', '#button', function(event) {


});   

Answer 1

考虑一下：

$( "#button" ).click(function() {
    $("#stage > iframe").attr("src", "http://www.wp.pl");
});

http://www.wp.pl只是您要替换的链接。您可以随时尝试使用某种循环来获取更多歌曲。