Javascript停止HTML5视频播放模式窗口关闭

我在模态窗口有一个html5视频元素。当我关闭窗口时,视频继续播放。我是JS的一个新手。有一个简单的方法来绑定视频播放停止功能到窗口关闭按钮?下面是我的html页面:

<!DOCTYPE html >
<html lang="en">

<head>
<meta charset="utf-8" />
<title>Modal Test</title>

<script type="text/javascript" src="jquery.js">

</script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#showSimpleModal").click(function() {
            $("div#simpleModal").addClass("show");
            return false;   
        });

        $("#closeSimple").click(function() {
            $("div#simpleModal").removeClass("show");
            return false;                   
        });
    });
</script>

<style type="text/css">

div#simpleModal
{
    position:absolute; 
    top: 40px; 
    width: 320px; 
    left: 170px; 
    border: solid 1px #bbb;     
    padding: 20px; 
    background: #fff; 
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25); 
    opacity: 0.0; 
    -webkit-transition: opacity 0.0s ease-out; z-index: 0;
}

div#simpleModal.show
{
    opacity: 1.0; 
    z-index: 100;        
    -webkit-transition-duration: 0.25s; 
}

</style>
</head>
<body>

<a href="" id="showSimpleModal">Show Modal</a>

<div id="simpleModal" class="modal">
<video width="320"  height="240" src="Davis_5109iPadFig3.m4v" controls="controls"> </video>
<a href="" id="closeSimple">Close</a>
</div>
</body>
</html>

任何输入非常感谢。

谢谢。

我不知道ZohoGorganzola的解决方案是否正确;但是,您可能希望直接尝试获取元素,而不是尝试调用jQuery集合上的方法,而不是尝试

$("#videoContainer").pause();

尝试

$("#videoContainer")[0].pause();
http://stackoverflow.com/questions/5958132/javascript-to-stop-html5-video-playback-on-modal-window-close

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:Javascript停止HTML5视频播放模式窗口关闭