1回答

断了木马牛的李淳罡

提问者

2021-12-16

已经解决，html结构写错了，watch监听也有问题，

closeVideo(){

// 关闭视频播放 同时关闭遮罩层 利用原生方法关闭视频

let vi = document.getElementsByTagName('video')[0]

vi.pause();

// this.showSlide=false

this.showSlide='slideUp'

// console.log(this.showSlide);

},

<div class="item-video">

<h2>60帧超慢动作摄影<br/>慢慢回味每一瞬间的精彩</h2>

<p>后置960帧电影般超慢动作视频，将眨眼间的美妙展现得淋漓尽致！<br/>更能AI 精准分析视频内容，15个场景智能匹配背景音效。</p>

<div class="video-bg" @click="showSlide='slideDown'"></div>

<div class="video-box">

<div class="overlay" v-if="showSlide=='slideDown'"></div>

<div class="video" v-bind:class="showSlide">

<span class="icon-close"  @click="closeVideo">></span>

<video src="/imgs/product/video.mp4" muted autoplay controls="controls"></video>

</div>

</div>

</div>

0

0