video.js如何播放ts视频
时间: 2023-09-25 17:09:18 浏览: 89
video.js + NodeJS + FFmpeg等相关技术实现的m3u8+ts+aes128视频加密及播放的解决方案+源码
Video.js默认支持HLS格式的视频流,而HLS是使用M3U8播放列表和.ts视频片段组成的。因此,只需将.ts视频片段链接到M3U8播放列表中,Video.js就可以播放TS视频了。
以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Video.js播放TS视频</title>
<link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
<script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
</head>
<body>
<video id="my-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup='{"fluid": true}'>
<source src="http://example.com/playlist.m3u8" type="application/x-mpegURL">
</video>
</body>
</html>
```
在上面的示例中,我们将M3U8播放列表链接添加到Video.js的`<source>`标签中,然后使用Video.js的JavaScript库初始化播放器。这将自动检测并播放TS视频。
注意:如果您的Web服务器不支持MIME类型为“application/x-mpegURL”的M3U8文件,则需要在服务器上进行配置。
阅读全文