如何循环播放视频

知识问答 2026-10-30 11:48:33 来源:互联网

循环播放视频是指在播放视频时,当视频播放完毕后,自动从头再次播放,要实现循环播放视频,可以使用HTML5的<video>标签和JavaScript代码。

1、使用<video>标签:在HTML中插入<video>标签,并设置loop属性为true,即可实现循环播放。

<video src="your-video-file.mp4" loop controls></video>

2、使用JavaScript代码:通过编写JavaScript代码,可以实现循环播放视频,首先需要创建一个<video>元素,然后设置其src属性为视频文件的URL,接着调用play()方法开始播放,最后使用requestAnimationFrame()方法不断更新播放位置,达到循环播放的效果。

const video = document.createElement('video');video.src = 'your-video-file.mp4';video.controls = true;video.addEventListener('ended', () => {  video.currentTime = 0;  video.play();});video.play();function loop() {  requestAnimationFrame(loop);  video.currentTime += 1000 / 30; // 每秒30帧,即每秒1000毫秒的时间间隔}loop();

两种方法都可以实现循环播放视频的功能,靠前种方法适用于简单的HTML页面,第二种方法适用于需要更精细控制的场景。