此文章主要解决 点击video标签时,不想播放
解决思路是cover-view 覆盖video标签
<view class="video_content" >
<!-- 视频 -->
<video
class="cont_video"
:src="videoSrc"
:id="'v_' + uid"
@loadedmetadata="videoLoad"
:poster="poster"
x-webkit-airplay="allow"
x5-video-player-type="h5"
x5-video-player-fullscreen="true"
x5-video-orientation="portraint"
webkit-playsinline="true"
playsinline="true"
controls
>
<source :src="videoSrc" type="video/mp4" />
</video>
<!-- 这部分起作用 -->
<cover-view class="cover-video" @click="showMessage" v-if="videoSmallIng"></cover-view>
</view>
.video_content {
width: 280upx;
position: relative;
.cont_video {
width: 100%;
border-radius: 16upx;
}
.cover-video{
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
showMessage(){
uni.showToast({
title: '视频过程中无法播放视频文件',
icon: 'none',
duration: 1000
})
}