给我一个类似刷视频的html案例

以下是一个简单的刷视频的 HTML 案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>刷视频</title>
</head>
<body>
    <h1>刷视频</h1>
    <div id="video-container">
        <video src="video1.mp4" controls></video>
    </div>
    <button onclick="nextVideo()">下一个</button>
    <script>
        var videos = ["video1.mp4", "video2.mp4", "video3.mp4"];
        var currentVideoIndex = 0;

        function nextVideo() {
            currentVideoIndex++;
            if (currentVideoIndex >= videos.length) {
                currentVideoIndex = 0;
            }
            var videoContainer = document.querySelector("#video-container");
            videoContainer.innerHTML = "<video src='" + videos[currentVideoIndex] + "' controls></video>";
        }
    </script>
</body>
</html>

这个 HTML 页面包含一个视频容器 video-container，一个播放当前视频的按钮 nextVideo()，以及一个 JavaScript 脚本。当用户点击“下一个”按钮时，JavaScript 脚本会更新视频容器中的视频，以便播放下一个视频。视频文件名存储在一个数组中，JavaScript 脚本通过数组索引来选择下一个视频