通过JavaScript的currentTime属性可控制视频初始播放时间，需在loadedmetadata事件后设置以确保生效。
在HTML中控制视频的初始播放时间，可以通过JavaScript操作video元素的 currentTime 属性来实现。这个属性允许你设置或获取视频当前的播放位置（单位为秒）。如果你想让视频从某个特定时间点开始播放，比如第30秒，可以在视频加载完成后设置该属性。
使用 currentTime 属性设置视频从指定时间开始播放：
<video id="myVideo" width="640" controls>
<source src="example.mp4" type="video/mp4">
您的浏览器不支持 video 标签。
</video>
<script>
const video = document.getElementById('myVideo');
// 等视频元数据加载完成后设置播放时间
video.addEventListener('loadedmetadata', function() {
video.currentTime = 30; // 从第30秒开始播放
});
</script>
说明： 必须等待 loadedmetadata 事件触发后再设置 currentTime，否则可能会因为视频时长信息未加载而导致设置失败。
如果你希望视频跳转到某一时间点后立即播放，可以结合 play() 方法：
立即学习“前端免费学习笔记（深入）”；
video.addEventListener('loadedmetadata', function() {
video.currentTime = 60; // 跳转到第60秒
video.play(); // 自动播放
});
注意：部分浏览器出于用户体验考虑，会限制自动播放功能（尤其是带声音的视频），建议用户交互（如点击）后再执行自动播放。
video.currentTime = 15.5 表示15.5秒（即15秒30毫秒）。currentTime，推荐使用 loadedmetadata 事件。基本上就这些。只要掌握 currentTime 和 loadedmetadata 的配合使用，就能准确控制视频的起始播放位置。
以上就是HTML视频怎么设置初始播放时间_currentTime属性设置视频开始位置的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
324
