HTML5 js控制vedio视频和分段播放
时间: 2024-01-05 16:04:46 浏览: 42
要使用JavaScript控制HTML5视频,可以使用HTML5 video API。以下是一个简单的例子:
```html
<video id="my-video" src="path/to/video.mp4"></video>
<button onclick="play()">播放</button>
<button onclick="pause()">暂停</button>
<button onclick="jump(10)">跳到10秒</button>
<script>
var video = document.getElementById("my-video");
function play() {
video.play();
}
function pause() {
video.pause();
}
function jump(time) {
video.currentTime = time;
}
</script>
```
要实现分段播放,可以在视频中添加多个source标签,并使用JavaScript来切换它们。以下是一个示例:
```html
<video id="my-video">
<source src="path/to/segment1.mp4">
</video>
<button onclick="playSegment(1)">播放第一段</button>
<button onclick="playSegment(2)">播放第二段</button>
<script>
var video = document.getElementById("my-video");
function playSegment(segment) {
video.pause();
video.src = "path/to/segment" + segment + ".mp4";
video.load();
video.play();
}
</script>
```
注意,这只是一个简单的例子。对于更复杂的视频播放需求,可能需要使用更高级的库或框架。