@@ -213,7 +213,7 @@ | |||||
<div :class="characters == 1 ? 'module_5_0' : 'module_5_1'" id="Technology"> | <div :class="characters == 1 ? 'module_5_0' : 'module_5_1'" id="Technology"> | ||||
<img | <img | ||||
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_5_bg1.png" | |||||
src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_5_bg3.png" | |||||
alt="" | alt="" | ||||
/> | /> | ||||
<!-- <img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_5_bg_cut.png" alt="" /> --> | <!-- <img src="https://suimang.oss-accelerate.aliyuncs.com/builtin/static/pc/assets/img/module_5_bg_cut.png" alt="" /> --> | ||||
@@ -1245,7 +1245,7 @@ export default { | |||||
img { | img { | ||||
position: absolute; | position: absolute; | ||||
top: 0; | top: 0; | ||||
left: 25%; | |||||
left: 40%; | |||||
z-index: 1; | z-index: 1; | ||||
max-width: 100%; | max-width: 100%; | ||||
height: 100%; | height: 100%; | ||||
@@ -1348,7 +1348,7 @@ export default { | |||||
img { | img { | ||||
position: absolute; | position: absolute; | ||||
top: 0; | top: 0; | ||||
left: 34%; | |||||
left: 40%; | |||||
z-index: 1; | z-index: 1; | ||||
max-width: 100%; | max-width: 100%; | ||||
height: 100%; | height: 100%; | ||||
@@ -2,16 +2,17 @@ | |||||
<div class="Box" id="top"> | <div class="Box" id="top"> | ||||
<div | <div | ||||
class="module_1" | class="module_1" | ||||
style="position: relative; background-color: #797979; height: 800px" | |||||
style="position: relative; background-color: #06234a; height: 800px" | |||||
> | > | ||||
<video | <video | ||||
ref="video" | |||||
ref="videoPlayer" | |||||
style="position: absolute; right: -20%" | style="position: absolute; right: -20%" | ||||
src="https://video.metavatar.cc/sv/20bbc23b-1883359e457/20bbc23b-1883359e457.mp4" | |||||
src="https://video.metavatar.cc/sv/199c414a-18834521b37/199c414a-18834521b37.mp4" | |||||
width="100%" | width="100%" | ||||
height="100%" | height="100%" | ||||
autoplay | autoplay | ||||
muted="muted" | |||||
muted | |||||
controls | |||||
loop="loop" | loop="loop" | ||||
/> | /> | ||||
<!-- <img src="../../assets/img/metavatar_live/suiMang_live@2x.png" width="100%" height="100%" /> --> | <!-- <img src="../../assets/img/metavatar_live/suiMang_live@2x.png" width="100%" height="100%" /> --> | ||||
@@ -403,6 +404,8 @@ export default { | |||||
created() { | created() { | ||||
this.$nextTick(() => { | this.$nextTick(() => { | ||||
this.goView("top"); | this.goView("top"); | ||||
this.$refs.videoPlayer.muted = false; | |||||
this.$refs.videoPlayer.play(); | |||||
}); | }); | ||||
}, | }, | ||||
}; | }; | ||||