安装依赖库:
npm install video.js videojs-flash
html代码部分
<template> <div> <video ref="videoPlayer" class="video-js vjs-default-skin"></video> </div> </template>
js部分
import videojs from 'video.js';
import 'videojs-flash';
export default {
name: 'VideoPlayer',
mounted() {
this.player = videojs(this.$refs.videoPlayer, this.videoOptions, function onPlayerReady() {
console.log('Player is ready');
});
},
beforeDestroy() {
if (this.player) {
this.player.dispose();
}
},
data() {
return {
player: null,
videoOptions: {
flash: {
swf: 'path_to_video-js.swf' // 指定videojs-flash的swf文件路径
},
autoplay: true,
controls: true,
sources: [{
src: 'rtmp://username:password@your_hik_ip/hik/ch1_1', // 海康RTMP流地址
type: 'rtmp/flv'
}]
}
};
}
};
上一篇:
小程序把电话添加到通讯录中
下一篇:
vue清除echars遗留的历史数据