移动端video标签使用出现点击视频controls控件不展示
这个问题一般是因为video移动端尺寸变化导致
解决方法:
可以在video标签外层加个div,添加一个点击事件,将controls赋值为true
<div class="video-wrap" v-show="isVideoShow" @click="handlePlayClick()">
<video class="videocss" ref="videoCon" :src="videoUrl"></video>
</div>
// 视频播放
handlePlayClick() {
this.isVideoShow = true;
var videoDom = this.$refs.videoCon;
videoDom.play();
videoDom.controls = true;
}