jQuery Twitter Bootstrap Modal'ı bir YouTube videosu ile nasıl başlatıp kapatabilirim?

Question

Bir YouTube videosunu bir JavaScript videosundan (bağlantı etiketi tıklaması yerine) Twitter Bootstrap Modal başlatıp kapatacak basit bir demoya ihtiyacım var.

Şimdiye kadar bunu başlatabilirim, ancak yakınlarda arka planda oynamaya devam ediyor.

<div id="myModalThumbnail"><img src="http://placehold.it/250x150&text=Video%20Thumbnail"> 
</div> 

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    </div> 
    <div class="modal-body"> 
     <iframe width="520" height="390" frameborder="0" allowfullscreen=""></iframe> 
    </div> 
</div>​ 

JavaScript:

$('#myModalThumbnail').click(function() { 
    var src = 'http://www.youtube.com/v/KVu3gS7iJu4&rel=0&autohide=1&showinfo=0&autoplay=1'; 
    $('#myModal').modal('show'); 
    $('#myModal iframe').attr('src', src); 
}); 

Ve jsfiddle: Bundan sonra ne http://jsfiddle.net/VtKS8/5/

İşte benim html var?

Answer 1

Yapmam gereken tek şey, butona tıklamanız gereken src özniteliğini kaldırmaktı.

$('#myModal button').click(function() { 
    $('#myModal iframe').removeAttr('src'); 
}); 

JSFiddle: http://jsfiddle.net/VtKS8/6/

Answer 2

Bu önyükleme kancalar inşa

<script> 
    $(document).ready(function() { 
     $('#audiomodal').on('hidden.bs.modal', function() { 
      $("audio").attr('src', ''); 
     }); 
    }); 
</script>