以下是一个示例代码,使用HTML5的video元素和JavaScript实现了播放视频或gif,持续10秒钟,暂停,点击按钮,再播放3秒钟,并跳转到视频的另一个时间戳,并播放设定的持续时间。
HTML部分:
JavaScript部分:
var video = document.getElementById("myVideo");
function playVideo() {
video.currentTime = 0; // 将视频时间设置为0,从头开始播放
video.play(); // 播放视频
setTimeout(pauseVideo, 10000); // 播放10秒钟后暂停
}
function pauseVideo() {
video.pause(); // 暂停视频
setTimeout(playNextThreeSeconds, 1000); // 暂停1秒钟后播放3秒钟
}
function playNextThreeSeconds() {
video.play(); // 播放视频
setTimeout(pauseVideo, 3000); // 播放3秒钟后暂停
}
function jumpToTimestamp() {
video.currentTime = 30; // 跳转到视频的第30秒
setTimeout(pauseVideo, 5000); // 跳转后暂停5秒钟
}
注意:在上述代码中,video元素使用了id="myVideo",请确保与代码中的video.id一致。另外,video元素的source标签中的src属性需要根据实际的视频文件路径进行修改。
上一篇:播放视频后,XX秒后通过JavaScript调用iframe。
下一篇:播放视频块