congzc 1 year ago
parent
commit
85735eddf4
1 changed files with 12 additions and 2 deletions
  1. +12
    -2
      src/components/home/home.vue

+ 12
- 2
src/components/home/home.vue View File

@@ -14,12 +14,12 @@
</div>

<div class="module_1">
<!-- <video ref="vidoe" src="../../assets/video/1.mp4" width="100%" height="100%" autoplay muted="muted" loop="loop" /> -->
<!-- <video id="video" ref="vidoe" src="../../assets/video/1.mp4" width="100%" height="100%" autoplay muted="muted" loop="loop" /> -->
<!-- <video ref="vidoe" src="https://video.metavatar.cc/sv/d51a6f6-187fa2dff79/d51a6f6-187fa2dff79.mp4" width="100%" height="100%" autoplay muted="muted" loop="loop" /> -->
<div class="vantLoadingBox" style="height: 550px" v-show="!loading">
<van-loading type="spinner" color="#52d4e5" class="vantLoading" />
</div>
<video ref="vidoe" :src="videoUrl" width="100%" height="100%" autoplay muted="muted" loop="loop" />
<video id="video" v-if="loading" ref="vidoe" :src="videoUrl" width="100%" height="100%" autoplay muted="muted" loop="loop" />
<div class="titleBox" @click="goLogin">
<div class="title_item1" v-if="characters == 1">打造自主数字人IP</div>
<div class="title_item2" v-if="characters == 1">沉淀数字资产</div>
@@ -607,6 +607,16 @@ export default {
this.carouselLsit = twoList;
this.partnerLsit = threeList;
this.videoUrl = 'https://video.metavatar.cc/sv/d51a6f6-187fa2dff79/d51a6f6-187fa2dff79.mp4';
// 监听点击来播放视频,微信浏览器禁用自动播放
document.addEventListener(
'touchstart',
function () {
var video = document.getElementById('video');
video.play();
},
false
);

this.loading = true;
});



Loading…
Cancel
Save