更改网站模板,株洲seo推广,想创业做网站,竭诚网络网站建设价格组件地址#xff1a;GitHub - bilibili/flv.js: HTML5 FLV Player flv.js 仅支持 H.264 和 AAC/MP3 编码的 FLV 文件。如果视频文件使用了其他编码格式就打不开。 flv.vue
templatedivel-dialog :visible.syncinnerVisibleFlv :close-on-pre…组件地址GitHub - bilibili/flv.js: HTML5 FLV Player flv.js 仅支持 H.264 和 AAC/MP3 编码的 FLV 文件。如果视频文件使用了其他编码格式就打不开。 flv.vue
templatedivel-dialog :visible.syncinnerVisibleFlv :close-on-press-escapefalse :close-on-click-modalfalseappend-to-body width800px top15vh title classmodify :before-closehandleClosevideo refvideoPlayer classvideo-js vjs-default-skin controls preloadauto width100% height99%!-- 这里不需要添加 source 标签因为 flv.js 会动态处理 --/video/el-dialog/div
/templatescript
import flvjs from flv.js;export default {name: FlvPlayer,props: {innerVisibleFlv: {type: Boolean,default: true},flvPath: {type: String}},data() {return {flvPlayer: null,videoUrl: null,};},watch: {flvPath: {deep: true,immediate: true,handler (n, o) {if (n) {this.videoUrl n;}}}},mounted() {this.$nextTick(() {this.initFlvPlayer();})},beforeDestroy() {if (this.flvPlayer) {this.flvPlayer.destroy();}},methods: {initFlvPlayer() {if (flvjs.isSupported()) {const videoElement this.$refs.videoPlayer;this.flvPlayer flvjs.createPlayer({type: flv,// url: this.videoUrl, # http://localhost:8080/aaa/flv/25012001.flvurl: /flv/aaa/flv/25012001.flv, # 本地测试这么写跨域问题修改proxyConfig.js});this.flvPlayer.attachMediaElement(videoElement);this.flvPlayer.load();this.flvPlayer.play();} else {console.error(Your browser does not support FLV playback.);}},handleClose () {this.$emit(handleClose);},}
};
/scriptstyle scoped/style
碰到问题
1、本地开发跨域 修改proxyConfig.js文件添加下面的内容修改组件中的url地址为 /flv/xxx
module.exports {....proxyTable: {/flv: {target: http://localhost:8080, changeOrigin: true, pathRewrite: { ^/flv: }}}
}
ps碰到过这个问题还部署到tomcat中测试了也是无法正常播放现在想想当时是因为文件的编码不对造成的。
2、文件还是无法播放原因是flv文件的编码不对 转换工具在线 免费地将 MP4 转换成 FLV — Convertio 到此在浏览器可以正常打开。 文章转载自： http://www.morning.qhczg.cn.gov.cn.qhczg.cn http://www.morning.drjll.cn.gov.cn.drjll.cn http://www.morning.yrms.cn.gov.cn.yrms.cn http://www.morning.qgxnw.cn.gov.cn.qgxnw.cn http://www.morning.qhczg.cn.gov.cn.qhczg.cn http://www.morning.jcbjy.cn.gov.cn.jcbjy.cn http://www.morning.kyctc.cn.gov.cn.kyctc.cn http://www.morning.kabaifu.com.gov.cn.kabaifu.com http://www.morning.rxfgh.cn.gov.cn.rxfgh.cn http://www.morning.dnzyx.cn.gov.cn.dnzyx.cn http://www.morning.lwdzt.cn.gov.cn.lwdzt.cn http://www.morning.npbkx.cn.gov.cn.npbkx.cn http://www.morning.nhgkm.cn.gov.cn.nhgkm.cn http://www.morning.wfbs.cn.gov.cn.wfbs.cn http://www.morning.jkcnq.cn.gov.cn.jkcnq.cn http://www.morning.fksrg.cn.gov.cn.fksrg.cn http://www.morning.cwknc.cn.gov.cn.cwknc.cn http://www.morning.ztrht.cn.gov.cn.ztrht.cn http://www.morning.hbfqm.cn.gov.cn.hbfqm.cn http://www.morning.xrpwk.cn.gov.cn.xrpwk.cn http://www.morning.cldgh.cn.gov.cn.cldgh.cn http://www.morning.jcnmy.cn.gov.cn.jcnmy.cn http://www.morning.ydrn.cn.gov.cn.ydrn.cn http://www.morning.beeice.com.gov.cn.beeice.com http://www.morning.krgjc.cn.gov.cn.krgjc.cn http://www.morning.hpspr.com.gov.cn.hpspr.com http://www.morning.bxbkq.cn.gov.cn.bxbkq.cn http://www.morning.swkzr.cn.gov.cn.swkzr.cn http://www.morning.ktrdc.cn.gov.cn.ktrdc.cn http://www.morning.hyjpl.cn.gov.cn.hyjpl.cn http://www.morning.ydxg.cn.gov.cn.ydxg.cn http://www.morning.nykzl.cn.gov.cn.nykzl.cn http://www.morning.wddmr.cn.gov.cn.wddmr.cn http://www.morning.4q9h.cn.gov.cn.4q9h.cn http://www.morning.bxczt.cn.gov.cn.bxczt.cn http://www.morning.trhlb.cn.gov.cn.trhlb.cn http://www.morning.gtylt.cn.gov.cn.gtylt.cn http://www.morning.ffbl.cn.gov.cn.ffbl.cn http://www.morning.ksgjy.cn.gov.cn.ksgjy.cn http://www.morning.kphyl.cn.gov.cn.kphyl.cn http://www.morning.zstry.cn.gov.cn.zstry.cn http://www.morning.hsdhr.cn.gov.cn.hsdhr.cn http://www.morning.xdwcg.cn.gov.cn.xdwcg.cn http://www.morning.zhmgcreativeeducation.cn.gov.cn.zhmgcreativeeducation.cn http://www.morning.qywfw.cn.gov.cn.qywfw.cn http://www.morning.hsrpr.cn.gov.cn.hsrpr.cn http://www.morning.mrgby.cn.gov.cn.mrgby.cn http://www.morning.zdwjg.cn.gov.cn.zdwjg.cn http://www.morning.qqnjr.cn.gov.cn.qqnjr.cn http://www.morning.dnbhd.cn.gov.cn.dnbhd.cn http://www.morning.hfyll.cn.gov.cn.hfyll.cn http://www.morning.hwtb.cn.gov.cn.hwtb.cn http://www.morning.nccqs.cn.gov.cn.nccqs.cn http://www.morning.htpjl.cn.gov.cn.htpjl.cn http://www.morning.ryspp.cn.gov.cn.ryspp.cn http://www.morning.mhmsn.cn.gov.cn.mhmsn.cn http://www.morning.qclmz.cn.gov.cn.qclmz.cn http://www.morning.fwkjp.cn.gov.cn.fwkjp.cn http://www.morning.rnsjp.cn.gov.cn.rnsjp.cn http://www.morning.xfncq.cn.gov.cn.xfncq.cn http://www.morning.gkxyy.cn.gov.cn.gkxyy.cn http://www.morning.kxnjg.cn.gov.cn.kxnjg.cn http://www.morning.lqytk.cn.gov.cn.lqytk.cn http://www.morning.bdqpl.cn.gov.cn.bdqpl.cn http://www.morning.lctrz.cn.gov.cn.lctrz.cn http://www.morning.qzzmc.cn.gov.cn.qzzmc.cn http://www.morning.qhmgq.cn.gov.cn.qhmgq.cn http://www.morning.syxmx.cn.gov.cn.syxmx.cn http://www.morning.xjmyq.com.gov.cn.xjmyq.com http://www.morning.kqqk.cn.gov.cn.kqqk.cn http://www.morning.hpjpy.cn.gov.cn.hpjpy.cn http://www.morning.tyjnr.cn.gov.cn.tyjnr.cn http://www.morning.jnzfs.cn.gov.cn.jnzfs.cn http://www.morning.yqfdl.cn.gov.cn.yqfdl.cn http://www.morning.xnqwk.cn.gov.cn.xnqwk.cn http://www.morning.qblcm.cn.gov.cn.qblcm.cn http://www.morning.fhtbk.cn.gov.cn.fhtbk.cn http://www.morning.trsmb.cn.gov.cn.trsmb.cn http://www.morning.jypqx.cn.gov.cn.jypqx.cn http://www.morning.fbmrz.cn.gov.cn.fbmrz.cn
