使用html video播放http-flv流
时间: 2023-12-31 08:04:12 浏览: 29
要在 HTML 页面中播放 HTTP-FLV 流,可以使用 video.js 库。以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>HTTP-FLV 流播放</title>
<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>
</head>
<body>
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
data-setup="{}"
>
<source src="http://example.com/my-stream.flv" type="video/flv" />
</video>
</body>
</html>
```
首先,我们需要引入 `video.js` 库的样式表和脚本。然后,在 `body` 中,我们创建了一个 `video` 元素,并为其指定了一个 ID 和一些基本属性,例如 `controls`、`preload`、`width` 和 `height`。在 `source` 元素中指定 HTTP-FLV 流的 URL 和 MIME 类型。最后,我们使用 `data-setup` 属性来指定 `video.js` 的配置选项,这里我们使用了一个空对象。
注意,要播放 HTTP-FLV 流,需要在服务器端配置相应的支持。另外,HTTP-FLV 流的 MIME 类型可能因服务器配置而异,可以咨询服务器管理员或查看相关文档来确定正确的 MIME 类型。