jquery - 使用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只是供您替换的链接。您总是可以尝试通过某种循环来获得更多歌曲。