javascript - 播放后重定向 html5 视频

Question

我有一个 html 5 视频，我删除了控制按钮并添加了一个 js 代码，以便用户在单击视频时播放视频。我需要做的是绑定(bind)一个额外的脚本，该脚本将在视频播放后重定向页面而无需重新加载页面。下面是我的js代码。

function play(){
var video = document.getElementById('video');
video.addEventListener('click',function(){
video.play();
},false);
}

这是我的 HTML5 视频代码

<video id="video" width="770" height="882" onclick="play();">
<source src="video/Motion.mp4" type="video/mp4" />
</video>

Answer 1

<script type="text/javascript">
// Do not name the function "play()"
function playVideo(){
    var video = document.getElementById('video');
    video.play();
    video.addEventListener('ended',function(){
        window.location = 'http://www.google.com';
    });
}
</script>
<video controls id="video" width="770" height="882" onclick="playVideo()">
    <source src="video/Motion.mp4" type="video/mp4" />
</video>

以下是您可以绑定(bind)的媒体事件列表:http://dev.w3.org/html5/spec/Overview.html#mediaevents