video.js播放m3u8
时间: 2023-08-12 13:38:49 浏览: 176
Video.js 播放m3u8视频
5星 · 资源好评率100%
要在video.js中播放m3u8文件,需要使用videojs-contrib-hls插件。首先,在HTML中引入video.js和videojs-contrib-hls插件的JS和CSS文件:
```html
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.min.js"></script>
```
然后,在HTML中创建一个video元素,设置其ID和class:
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
<source src="https://example.com/path/to/video.m3u8" type="application/x-mpegURL">
</video>
```
注意,source元素的src属性指向m3u8文件的URL,并且type属性设置为application/x-mpegURL。
最后,在JS中初始化video.js和videojs-contrib-hls插件:
```javascript
var player = videojs('my-video');
player.play(); // 自动播放
```
这样就可以在video.js中播放m3u8文件了。
阅读全文