video.js 播放m3u8、flv、rtmp、RTS格式视频
时间: 2023-09-04 09:12:27 浏览: 233
你可以使用 CSDN 上提供的 video.js 插件来播放 m3u8、flv、rtmp 和 RTS 格式的视频。首先,确保你已经引入了 video.js 的库文件和相关插件。
对于 m3u8 格式的视频,你可以使用 video.js-contrib-hls 插件来支持。你需要在页面中引入以下文件:
```html
<link href="//path/to/video-js.min.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-contrib-hls.min.js"></script>
```
然后,你可以在页面中添加一个 video 标签,并使用以下 JavaScript 代码来初始化播放器:
```javascript
var player = videojs('my-video');
player.src({
src: 'path/to/video.m3u8',
type: 'application/x-mpegURL'
});
```
对于 flv 格式的视频,你可以使用 videojs-flvjs 插件来支持。你需要在页面中引入以下文件:
```html
<link href="//path/to/video-js.min.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<script src="//path/to/flv.min.js"></script>
<script src="//path/to/videojs-flvjs.min.js"></script>
```
然后,你可以在页面中添加一个 video 标签,并使用以下 JavaScript 代码来初始化播放器:
```javascript
var player = videojs('my-video');
player.src({
src: 'path/to/video.flv',
type: 'video/flv'
});
```
对于 rtmp 和 RTS 格式的视频,你可以使用 videojs-flash 插件来支持。你需要在页面中引入以下文件:
```html
<link href="//path/to/video-js.min.css" rel="stylesheet">
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-flash.min.js"></script>
```
然后,你可以在页面中添加一个 video 标签,并使用以下 JavaScript 代码来初始化播放器:
```javascript
var player = videojs('my-video', {
techOrder: ['flash']
});
player.src({
src: 'rtmp://path/to/video',
type: 'rtmp/flv'
});
```
记得将上述代码中的路径和文件名替换成你实际使用的视频文件路径和名称。希望这些信息能帮到你!如果还有其他问题,请继续提问。
阅读全文