【javascript】video结合cyberplayer.js实现flv视频播放

H5新增的<video>标签可以用于视频播放，但格式有限，播放不了直播生成的.flv视频。

那么可以结合cyberplayer.js来实现.flv视频播放，简单粗暴。

下面是我在vue中使用该库的代码，原理相同：

① 下载该库，并在index.html中引入

<script type='text/javascript' src="./static/js/cyberplayer-3.4.1/cyberplayer.js"></script>

② 在组件模板中使用<video>通过id占位。（我是在弹出框中查看，所以又套了层el-dialog）

<el-dialog title="视频回放" :visible.sync="editVisible" width="40%">
    <video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
    </video>
</el-dialog>

③在js（vue的相应方法）中实现视频播放

var player = cyberplayer("myPlayer").setup({
            width : 788,
            height : 546,
            backcolor : "#FFFFFF",
            stretching : "fill",
            file : this.videoAdress,  //视频url，这里是调用接口返回的
            ak : "88abcbd72fbc4b809dfe9e5bc97ad759",
            autoStart : true,
            repeat : false,
            volume : 100, 
            controls : true,
            controlbar: {
                barLogo: false
            }
});