मैं YouTube वीडियो के साथ jQuery ट्विटर बूटस्ट्रैप मोडल कैसे लॉन्च और बंद कर सकता हूं?

Question

मुझे जावास्क्रिप्ट से Twitter Bootstrap Modal में एक एंटर टैग क्लिक करने और बंद करने के लिए एक साधारण डेमो की आवश्यकता है (एंकर टैग क्लिक के बजाए)।

अब तक मैं इसे ठीक से लॉन्च कर सकता हूं, लेकिन करीब यह पृष्ठभूमि में खेलता रहता है।

<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>​ 

जावास्क्रिप्ट:

$('#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); 
}); 

और एक jsfiddle: http://jsfiddle.net/VtKS8/5/

आगे क्या

यहाँ मेरी एचटीएमएल है?

Answer 1

ठीक है, ऐसा लगता है कि मुझे बस क्लिक करने की आवश्यकता है बटन क्लिक पर src विशेषता को हटा दें।

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

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

Answer 2

यह वह जगह है का उपयोग कर बूटस्ट्रैप हुक में बनाया

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