vue视频播放器，可支持hls,flv,mp4,mov,sw

基于 Vue 的视频播放器(支持播放mp4、m3u8、swf、flv)

$ npm install vue-player-media -S use

main.js:

import Vue from 'vue' import App from './App.vue' import VuePlayer from 'vue-player-media' Vue.use(VuePlayer) new Vue({ el: '#app', components: { App } }) explain

*因为flv.js本身的问题，项目中想播放flv格式视频，（我）目前采用的是这种方式

使用方式： 1把flv.js静态资源放到自己项目文件夹（flv静态资源地址：https://github.com/IT-Rafi/vue-player-media/tree/master/static） 2.在项目中的main.js里引入 main.js:

播放器容器大小可自己设置

window.flv = require('flv.js') new Vue({ el: '#app', components: { App } }) Example

template

<vue-player :id="'detailplayer'" :type="type" :auto="false" :isSwf="false" :src="video_url" :height="'338px'"> </vue-palyer>

script

export default { data () { return { type:'mp4', video_url:'https://v-cdn.zjol.com.cn/276985.mp4' } }, methods: { //获取视频时长 getVtime (duration) { console.log(duration) } } } Props