引入依赖
npm install --save flv.js
<template> <div> <video autoplay controls width="100%" height="500" id="videoElement"></video> </div> </template> <script> import flvjs from 'flv.js' export default { name: 'HelloWorld', props: { msg: String }, mounted() { this.$nextTick(() => { this.createVideo() }) }, methods: { createVideo() { if (flvjs.isSupported()) { var videoElement = document.getElementById('videoElement'); var flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'url' //你的url地址 }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.play(); } } } } </script>
标签:Vue,url,flvPlayer,js,flv,videoElement,flvjs From: https://www.cnblogs.com/ZhuMeng-Chao/p/18108636