HTML上实现视频播放
时间: 2024-05-09 20:16:21 浏览: 120
要在 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` 属性可以设置视频播放区域的宽度和高度。
阅读全文