|
|
@@ -4,26 +4,28 @@
|
|
|
<el-col :span="24" class="main">
|
|
|
<el-col :span="24" class="video">
|
|
|
<el-col :span="24" class="top">
|
|
|
- <!-- <video :src="videoPath" v-if="videoData != ''" autoplay="autoplay" controls="controls" loop="loop">
|
|
|
- 您的浏览器不支持 video 标签。
|
|
|
- </video> -->
|
|
|
- <video
|
|
|
- autoplay="autoplay"
|
|
|
- controls="controls"
|
|
|
- preload="meta"
|
|
|
- x-webkit-airplay="true"
|
|
|
- webkit-playsinline="true"
|
|
|
- playsinline="true"
|
|
|
- x5-video-player-type="h5"
|
|
|
- x5-video-player-fullscreen="true"
|
|
|
- :src="videoPath"
|
|
|
- v-if="videoData != ''"
|
|
|
- loop="loop"
|
|
|
- >
|
|
|
- <source src="movie.ogg" type="video/ogg" />
|
|
|
- <source src="movie.mp4" type="video/mp4" />
|
|
|
- </video>
|
|
|
- <p v-else>{{ dockInfo.title }}</p>
|
|
|
+ <span v-if="dockInfo.room_id == '1006'">
|
|
|
+ <div id="ckplayera" class="h5video active"></div>
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <video
|
|
|
+ autoplay="autoplay"
|
|
|
+ controls="controls"
|
|
|
+ preload="meta"
|
|
|
+ x-webkit-airplay="true"
|
|
|
+ webkit-playsinline="true"
|
|
|
+ playsinline="true"
|
|
|
+ x5-video-player-type="h5"
|
|
|
+ x5-video-player-fullscreen="true"
|
|
|
+ :src="videoPath"
|
|
|
+ v-if="videoData != ''"
|
|
|
+ loop="loop"
|
|
|
+ >
|
|
|
+ <source src="movie.ogg" type="video/ogg" />
|
|
|
+ <source src="movie.mp4" type="video/mp4" />
|
|
|
+ </video>
|
|
|
+ <p v-else>{{ dockInfo.title }}</p>
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="down">
|
|
|
<el-button type="primary" size="mini" @click="back()">返回列表</el-button>
|
|
|
@@ -113,6 +115,7 @@ export default {
|
|
|
}
|
|
|
await this.search();
|
|
|
await this.seachtVideo();
|
|
|
+ this.ckplayerb();
|
|
|
},
|
|
|
methods: {
|
|
|
...dock({ dockQuery: 'query', dockFetch: 'fetch' }),
|
|
|
@@ -169,9 +172,19 @@ export default {
|
|
|
back() {
|
|
|
this.$router.push({ path: '/live/index' });
|
|
|
},
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.channelvideo();
|
|
|
+ ckplayerb() {
|
|
|
+ let rmtpUrl = `${process.env.VUE_APP_LIVE_URL + this.dockInfo.room_id}`;
|
|
|
+ setTimeout(function() {
|
|
|
+ var videoObjects = {
|
|
|
+ container: '#ckplayera',
|
|
|
+ variable: 'player',
|
|
|
+ autoplay: true,
|
|
|
+ live: true,
|
|
|
+ video: rmtpUrl,
|
|
|
+ };
|
|
|
+ let player = new ckplayer(videoObjects);
|
|
|
+ }, 2);
|
|
|
+ },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
@@ -187,8 +200,9 @@ export default {
|
|
|
.main {
|
|
|
.video {
|
|
|
.top {
|
|
|
+ height: 215px;
|
|
|
background-color: #000;
|
|
|
- video {
|
|
|
+ .h5video {
|
|
|
width: 100%;
|
|
|
height: 215px;
|
|
|
}
|
