<template>
<view class="content">
{{url}}
<video id="videoPlayer" class="video-js" />
</view>
</template>
<script>
import "/components/vidoe/video-js.min.css"
import '/components/vidoe/video.min.js'
export default {
data() {
return {
url: '',
options:{
controls:false,
preload:"auto"
},
player:null,
}
},
mounted() {
this.player = videojs('videoPlayer',this.options)
let data = getApp().globalData;
console.log(data);
const index = data.deploy.channelIndex;
this.url = data.deploy.channel[index].url;
this.player.src([{src:this.url,type:'application/x-mpegURL'}])
},
methods: {
}
} </script>
<style>
.content {
text-align: center;
height: 400upx;
margin-top: 200upx;
}
</style>
0 个回复