小智 289
您可以添加一个"已结束"的事件侦听器作为第一个参数
像这样 :
<video src="video.ogv" id="myVideo">
video not supported
</video>
<script type='text/javascript'>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
// What you want to do after the event
}
</script>
Ala*_*tts 133
在Opera Dev站点的"我想滚动我自己的控件"部分下看看你需要知道的关于HTML5视频和音频的所有内容.
这是相关部分:
<video src="video.ogv">
video not supported
</video>
然后你可以使用:
<script>
var video = document.getElementsByTagName('video')[0];
video.onended = function(e) {
/*Do things here!*/
};
</script>
onended是所有媒体元素上的HTML5标准事件,请参阅HTML5媒体元素(视频/音频)事件文档.
d1j*_*i1b 35
JQUERY
$("#video1").bind("ended", function() {
//TO DO: Your code goes here...
});
HTML
<video id="video1" width="420">
<source src="path/filename.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
事件类型HTML音频和视频DOM参考
小智 7
这是一个在视频结束时触发的简单方法。
<html>
<body>
<video id="myVideo" controls="controls">
<source src="video.mp4" type="video/mp4">
etc ...
</video>
</body>
<script type='text/javascript'>
document.getElementById('myVideo').addEventListener('ended', function(e) {
alert('The End');
})
</script>
</html>
在“EventListener”行中，将“结束”一词替换为“暂停”或“播放”以捕获这些事件。
小智 6
您可以简单地添加onended="myFunction()"到您的视频标签。
<video onended="myFunction()">
...
Your browser does not support the video tag.
</video>
<script type='text/javascript'>
function myFunction(){
console.log("The End.")
}
</script>
| 归档时间： |
|
| 查看次数： |
282978 次 |
| 最近记录： |