一、何为m3u8格式视频?
m3u8是一种基于HTTP Live Streaming技术的视频封装格式,适用于多种终端设备,如iPhone/iPad、Android手机、PC等,因此广泛应用于移动互联网。m3u8格式的视频文件,以.ts为扩展名,是对传统的TS封装方式进行父文件包装的产物,主要是为了实现多码率自适应流的需求。
为了能够播放m3u8格式视频,需要使用支持HTTP Live Streaming技术的播放器,如videojs。
二、videojs的特点
videojs是一款免费的开源HTML5视频播放器,开发者可以利用其提供的API来自定义播放器的UI、交互等各个方面,实现适合自己网站的视频播放效果。
videojs除了支持m3u8格式视频外,还支持MP4、FLV等多种类型的视频文件,因此被广泛应用于各类网站的视频播放中。
三、如何在网站中使用videojs播放m3u8格式视频
一般情况下,需要按照以下步骤操作:
四、代码示例
假设我们已经有一个m3u8格式的视频文件,文件名为test.m3u8,该文件中的实际视频文件为test000.ts、test001.ts等。现在我们需要将该视频文件嵌入到网页中进行播放,就可以按照以下步骤操作:
VideoJS play m3u8
<link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
<script>
var player = videojs('my-player');
</script>