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

2020-05-18 本文已影响0人梧桐芊雨

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

在vue项目中安装flv.js文件
npm i flv.js --save

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

image.png

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

          <video
            ref="videoRefflv"
            v-if="isAudioPlay=='flv'"
            class="video-play"
          ></video>

image.png

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

image.png