首页用html做一个启动页，启动页是视频的，时间为五秒，五秒到了后，跳转到对应的html文件

用html做一个启动页，启动页是视频的，时间为五秒，五秒到了后，跳转到对应的html文件

时间: 2023-10-24 09:07:42 浏览: 59

可以使用以下 HTML 代码实现： ```html <!DOCTYPE html> <html> <head> <title>启动页</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; } video { max-width: 100%; max-height: 100%; } </style> </head> <body> <video id="video" autoplay muted> <source src="your_video.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video> <script> // 设置计时器，5秒后跳转到指定页面 setTimeout(function() { window.location.href = 'your_page.html'; }, 5000); </script> </body> </html> ``` 将上述代码保存为一个 HTML 文件（如 `startup.html`），并将你的启动视频命名为 `your_video.mp4`，与该 HTML 文件放在同一目录下。当用户访问 `startup.html` 时，会自动播放视频并在 5 秒后跳转到 `your_page.html` 页面。

阅读全文