|
|
@@ -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; |
|
|
|
}); |
|
|
|
|
|
|
|