js设置视频从头开始播放
时间: 2024-11-11 12:32:50 浏览: 18
在JavaScript中,如果你想让HTML5视频元素从头开始播放,你可以通过访问该元素并调用它的`currentTime`属性将其设置为0,然后再调用`play()`方法来开始播放。这是一个简单的示例:
```javascript
var videoElement = document.getElementById('myVideo'); // 替换'myVideo'为你视频元素的实际ID
videoElement.currentTime = 0; // 设置当前时间到0,即开始位置
videoElement.play(); // 开始播放
```
在这个例子中,`getElementById`函数用于获取视频元素,然后我们设置了其`currentTime`为0,将播放进度重置到视频的开头,接着调用`play()`方法启动播放。
如果你希望在页面加载完成后自动播放,可以在`<video>`标签的`autoplay`属性中设置,或者在脚本里先暂停再手动播放:
```html
<video id="myVideo" src="myVideo.mp4" autoplay></video>
<script>
document.addEventListener("DOMContentLoaded", function() {
var video = document.getElementById('myVideo');
if (!video.paused) { // 判断视频是否已经自动播放过了
video.pause();
}
video.currentTime = 0;
video.play();
});
</script>
```
这里我们在DOMContentLoaded事件回调中检查视频是否已经自动播放,如果是,则先暂停,然后重新设置开始位置并播放。
阅读全文