I have a modal bootstrap that opens automatically when the page loads. Within this mode there is only one video. However, when this video is executed and the modal is closed the video is still running. How do I, when closing the modal stop the video (iframe from youtube).
<div class="modal fade" id="testemodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">xxx</h4>
</div>
<div class="modal-body">
<iframe width="560" height="315" src="https://www.youtube.com/embed/NHqZKNfAVa0"frameborder="0" allowfullscreen></iframe>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->