使用flv.js实现html5播放flv格式视频文件

最近因为项目需要播放flv格式视频文件，但我使用是html5的vedio标签进行播放，它支持3种视频格式：mp4，WebM，Oog，是不支持的flv格式，无奈，好在网上不少大神佳作。解决我困境。

在vue项目中安装flv.js文件

npm i flv.js --save

将flv.js文件导入相关组件中。

创建video元素标签来播放视频内容。

flvjs.isSupported()是否支持，若支持。则 flvjs.createPlayer创建flv播放器对象，加载到video元素中进行播放即可

参考文档

https://www.bysb.net/2943.html

https://blog.csdn.net/weixin_45316326/article/details/99053910

可以的。

flv.js就使用Flash播放器播RTMP流Flash兼容性很好，但是性能差默认被很多浏览器禁用，不想用Flash兼容也可以用HLS，但是PC端只有Safari支持HLS移动端。

Flv.js是HTML5Flash视频（FLV）播放器，纯原生JavaScript开发，没有用到Flash。

当前html5

支持三种格式，分别是：

Ogg

MPEG

4

WebM

.flv格式要是想要播放的话需要自己在网站上添加flash视频播放器，

或者有一种简单的办法就是将视频传到优酷或其他视频空间，

再调用他们的站外播放器，

这样的缺点就是会有他们的广告。

另外,可以使用视频格式转换器,将flv格式的视频转换成mp4格式的,然后就可以使用html5的<video>

标签调用视频了.

---