关于el-dialog 下使用 video/audio/img 不播放不显示问题

 <audio controls="controls" :src="playUrl" autoplay="autoplay" ></audio>

<video width="720"  height="340"  controls autoplay
        poster="../assets/img/xxx.jpg" :src="playUrl">
 </video>



 data(){
    return {
        playUrl:''
    
    }

}

this.videoModal =true
 this.playUrl = '../assets/xxx.video.mp4'

你会发现视频/语音不会自动播放，到处找让用获取Dom。

对，这里说下el-dialog 下获取里面元素，需要显设置 el-dialog 的 visible.sync 值为true 才能拿到 el-dialog 下的Dom  元素。

但是即使获取到Dom了还是没法播放，这时候想一想，好好想一想会不会 这个视频的路径不对，，，，，，通过Dom拿到src元素发现果然路径不对...

so ,上面用的 = 赋值路径，这边推荐使用 require('../assets/redio/xxx.mp4') 就能播放了，快试试，，，