video.js播放m3u8
时间: 2023-08-31 10:09:25 浏览: 51
要在video.js中播放m3u8文件,你需要使用video.js-contrib-hls插件。这个插件可以让video.js支持HLS流媒体播放。
首先,在你的HTML文件中引入video.js和video.js-contrib-hls插件:
```html
<head>
<link href="https://vjs.zencdn.net/7.10.2/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.10.2/video.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.15.0/dist/videojs-contrib-hls.min.js"></script>
</head>
```
然后,在你的视频标签中添加data-setup属性和type属性,指定视频类型为application/x-mpegURL:
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
data-setup='{"fluid": true}' poster="MY_VIDEO_POSTER.jpg">
<source src="MY_VIDEO.m3u8" type="application/x-mpegURL">
</video>
```
最后,在你的JavaScript代码中初始化video.js并启用video.js-contrib-hls插件:
```javascript
var player = videojs('my-video');
player.play();
```
这样就可以在video.js中播放m3u8文件了。注意,HLS是苹果公司提出的一种流媒体传输协议,如果你的浏览器不支持HLS,那么视频将无法播放。