在项目开发过程中有播放.m3u8视频文件的需求。
关于m3u8的介绍,请查看 blog.csdn.net/pangrui201/…
比较简单的实现方式如下:
<video webkit-playsinline playsinline x5-playsinline controls preload="metadata" poster src="http://7xlv47.com1.z0.glb.clouddn.com/xxx004.m3u8" style="width: 100%; height: 100%;"></video>
也可以使用第三方插件video.js。docs.videojs.com/
如果是基于vue开发,可以使用vue-video-player,该插件基于video.js进行封装。github.com/surmon-chin…。从github上看,最后一次更新是两年前了,不过还是能满足基本的项目需求。如果想要更高度的自定义功能,可以使用video.js。