我有一个 html 5 视频,我删除了控制按钮并添加了 js 代码,以便用户在单击视频时播放视频。我需要做的是绑定一个额外的脚本,该脚本将在视频播放后重定向页面,而无需重新加载页面。下面是我的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>
<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>
以下是您可以绑定的媒体事件的列表:http://dev.w3.org/html5/spec/Overview.html#mediaevents http://dev.w3.org/html5/spec/Overview.html#mediaevents
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)