videojs播放rtmp
时间: 2023-08-10 07:18:19 浏览: 59
要在 videojs 中播放 RTMP 流,您需要使用 videojs-rtmp 插件。该插件支持 RTMP 和 HLS 流,并使用 Flash 和 JavaScript 来实现。以下是使用 videojs-rtmp 插件播放 RTMP 流的步骤:
1. 引入 video.js 和 videojs-rtmp 插件:
```html
<link href="//vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
<script src="//vjs.zencdn.net/7.11.4/video.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/videojs-rtmp/0.0.3/videojs-rtmp.min.js"></script>
```
2. 创建 video 元素并设置其配置项:
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
data-setup='{"techOrder":["flash","html5"],"sources":[{"type":"rtmp/mp4","src":"rtmp://your-rtmp-server.com/live/stream-name"}]}'>
</video>
```
注意,在 `data-setup` 属性中,您需要设置 `techOrder` 为 `["flash", "html5"]`,这样 videojs 将首先尝试使用 Flash 播放器来播放 RTMP 流,如果 Flash 不可用,则使用 HTML5 播放器。
另外,您需要设置 `sources` 属性来指定 RTMP 流的 URL 和类型。
3. 初始化 videojs:
```javascript
var player = videojs('my-video');
```
现在,您已经可以使用 videojs 播放 RTMP 流了。