Изменить URL-адрес iFrame с помощью кнопки jQuery?

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 Где это просто ссылка для вас заменить. Вы всегда можете попробовать сделать это с помощью некоторого цикла, чтобы получить больше песен.