|
@@ -9,7 +9,12 @@
|
|
></video>
|
|
></video>
|
|
<div class="mobileBox" v-else>
|
|
<div class="mobileBox" v-else>
|
|
<div class="videoPlay" v-if="videoPlay">
|
|
<div class="videoPlay" v-if="videoPlay">
|
|
- <video src="../../assets/img/strat.mp4" autoplay controls></video>
|
|
|
|
|
|
+ <video
|
|
|
|
+ id="modelVid"
|
|
|
|
+ src="../../assets/img/strat.mp4"
|
|
|
|
+ autoplay
|
|
|
|
+ controls
|
|
|
|
+ ></video>
|
|
<i class="el-icon-close" @click="videoPlay = false"></i>
|
|
<i class="el-icon-close" @click="videoPlay = false"></i>
|
|
</div>
|
|
</div>
|
|
<img class="mobileBoxBg" src="../../assets/imgM/bgWe.png" alt="" />
|
|
<img class="mobileBoxBg" src="../../assets/imgM/bgWe.png" alt="" />
|
|
@@ -20,7 +25,7 @@
|
|
src="../../assets/imgM/play_active.png"
|
|
src="../../assets/imgM/play_active.png"
|
|
alt=""
|
|
alt=""
|
|
/>
|
|
/>
|
|
- <div class="mobileBoxBtn" @click="languagShow = true">进入展馆</div>
|
|
|
|
|
|
+ <div class="mobileBoxBtn" @click="languagShow = true" v-if="!languagShow">进入展馆</div>
|
|
</div>
|
|
</div>
|
|
<div class="SeLanguage" :class="{ active: languagShow }">
|
|
<div class="SeLanguage" :class="{ active: languagShow }">
|
|
<div class="box">
|
|
<div class="box">
|
|
@@ -58,6 +63,28 @@ export default {
|
|
playImgOpa: 1,
|
|
playImgOpa: 1,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ videoPlay(val) {
|
|
|
|
+ if (val) {
|
|
|
|
+ // 移动端监听视频播放完毕
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ let dom = document.querySelector("#modelVid");
|
|
|
|
+ if (dom) {
|
|
|
|
+ dom.addEventListener(
|
|
|
|
+ "ended",
|
|
|
|
+ () => {
|
|
|
|
+ this.videoPlay = false;
|
|
|
|
+ this.languagShow = true;
|
|
|
|
+ },
|
|
|
|
+ false
|
|
|
|
+ );
|
|
|
|
+ }
|
|
|
|
+ }, 100);
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
skip(val) {
|
|
skip(val) {
|
|
window.location.href =
|
|
window.location.href =
|
|
@@ -77,7 +104,7 @@ export default {
|
|
}, 1500);
|
|
}, 1500);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- // 监听视频播放完毕
|
|
|
|
|
|
+ // pc监听视频播放完毕
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
let dom = document.querySelector(".myVideo");
|
|
let dom = document.querySelector(".myVideo");
|