您的位置:

用videojs播放m3u8格式视频实现网站视频播放

一、何为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>