<template>
<div class="video">
<video ref="videoElement" controls autoplay muted v-if="!error"></video>
<div class="error" v-else>视频加载失败!</div>
</div>
</template>
<script>
import flvjs from "flv.js";
export default {
name: "flvVideo",
props: ["url", "height", "destroy"],
data() {
return {
flvPlayer: "",
error: false,
};
},
mounted() {
this.$nextTick(() => {
this.init(this.url);
});
},
methods: {
init(source) {
if (flvjs.isSupported()) {
this.flvPlayer = flvjs.createPlayer({