vue-dplayer播放flv视频

• 安装依赖

npm install vue-dplayer -S

• 在index.html中用script标签引入flv.min.js

<script src="flv.min.js"></script>

• 编写播放页面

<template>
  <div class="home">
    <d-player class="player" :options="options" ref="player"></d-player>
  </div>
</template>

<script>
import VueDPlayer from 'vue-dplayer'
import 'vue-dplayer/dist/vue-dplayer.css'
export default {
  data(){
    return{
      options:{
        video:{
          url:'./video/1.flv',
          type:'flv'
        }
      }
    }
  },
  components: {
    'd-player': VueDPlayer,
  },

}
</script>

<style scoped>
.home{
  width: 60%;
  margin: auto;
}
</style>

• 播放

• 

• 最后

github地址