在HTML5后,网站的视频会使用视频标签(video标签)进行播放。以下是该标签的一些事件信息
html
<video id="videoDom" controls="controls">
<source type="video/mp4" src="xxx.mp4">
</video>
javascript
// 获取dom
var video = document.getElementById("videoDom");
// 注册事件
video.addEventListener('loadedmetadata', function () {
//加载数据
//视频的总长度
console.log(video.duration);
});
video.addEventListener('play', function () {
//播放开始执行的函数
console.log("开始播放");
});
video.addEventListener('playing', function () {
//播放中
console.log("播放中");
});
video.addEventListener('waiting', function () {
//加载
console.log("加载中");
});
video.addEventListener('pause', function () {
//暂停开始执行的函数
console.log("暂停播放");
});
video.addEventListener('ended', function () {
//结束
console.log("播放结束");
}, false);
});