html video加载完成事件
时间: 2023-07-19 21:33:35 浏览: 59
您可以使用HTML5的video标签的loadeddata事件来检测视频是否已经加载完成。当视频的元数据(如分辨率、时长等)已经加载完成时,该事件会被触发。以下是一个示例代码:
```html
<video id="myVideo" src="myVideo.mp4" controls></video>
<script>
var video = document.getElementById('myVideo');
video.addEventListener('loadeddata', function() {
console.log('Video has been loaded.');
});
</script>
```
在这个示例中,我们使用addEventListener()方法来监听loadeddata事件。当事件被触发时,控制台将输出“Video has been loaded.”的消息。