video标签获取视频总时长
时间: 2023-07-17 18:57:56 浏览: 259
要获取视频的总时长,你可以使用HTML5的Video标签结合JavaScript来实现。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取视频总时长</title>
</head>
<body>
<video id="myVideo" src="path/to/video.mp4"></video>
<script>
// 在视频加载完成后获取总时长
var video = document.getElementById('myVideo');
video.addEventListener('loadedmetadata', function() {
var duration = video.duration;
console.log('视频总时长:' + duration + '秒');
});
</script>
</body>
</html>
```
在上述代码中,我们创建了一个Video标签,并指定了视频文件的路径。然后,通过JavaScript获取Video元素,并添加了一个`loadedmetadata`事件监听器。当视频的元数据加载完成后,事件监听器会触发,然后我们可以通过`duration`属性获取视频的总时长。
请将`src`属性的值替换为你自己的视频文件路径。在代码中,我们使用了`console.log`将视频总时长打印到浏览器的控制台,你可以根据需要修改代码来展示或使用这个值。
阅读全文