uniapp的video标签在H5中，控制器和自定义图标显示隐藏

1、问题描述：设置了:controls="controlsShow"，controlsShow的true、false设置的与自定义图标的一致，但是暂停之后再点击，自定义图标能出来，控制器时出时不出
解决方式

changeMediaActionH2(){                      
            clearTimeout(this.hMediaActionTimer);
            this.controlsShow = true;   
            this.hMediaAction = true;
            this.$nextTick(()=>{
                this.hMediaActionTimer = setTimeout(() => {
                    this.hMediaAction = false;
                    this.controlsShow = false;
                }, 3000);
            })
        },
 watch:{
        controlsShow(val){
            let el=document.querySelector('.uni-video-bar');
            if(val){
                el.style.cssText='';
            }else{
                el.style.cssText='display:none;';
            }
        },
    },