关闭层视频的时候同时关闭视频

[会飞的兔团子]

用的bootstrap，今天刚学的，不太懂.
关闭层的时候视频依旧还有声音 再次点开是继续播放 有什么办法关闭的时候同时清除
<a class="" data-toggle="modal" data-target="#myModal">
观看视频
</a>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true" style="width:1800px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
MoTag

</h4>
</div>
<div class="modal-body">
<video controls="controls" id="video" class="center-block vjs-tech" preload="true">
<source src="1.mp4">
</video>
</div>

</div>
</div>
</div>

[天际的海浪]

<script type="text/javascript">
$(".close").click(function(event){
	$("#video")[0].pause();
})
</script>

[会飞的兔团子]

谢谢很有用 不过还有一个问题 点击层外的时候视频还是不暂停

[wangji8171]

那是否要对这个做监听呢，如果在点击视频外层时暂停视频