首页HTML上实现视频播放

HTML上实现视频播放

时间: 2024-05-09 07:16:21 浏览: 157

要在 HTML 页面上实现视频播放，可以使用 HTML5 的 `<video>` 标签。该标签有以下属性： - `src`：视频文件的路径。 - `controls`：是否显示播放器控件（播放/暂停、音量、全屏等）。 - `autoplay`：是否自动播放视频。 - `loop`：是否循环播放视频。 - `width` 和 `height`：视频播放区域的宽度和高度。下面是一个简单的 HTML5 视频播放器示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Video Player</title> </head> <body> <video src="video.mp4" controls autoplay width="400" height="300"></video> </body> </html> ``` 其中，`video.mp4` 是视频文件的路径，`controls` 和 `autoplay` 属性分别表示显示播放器控件和自动播放视频。`width` 和 `height` 属性可以设置视频播放区域的宽度和高度。

阅读全文