vue-video-player在el-dialog弹窗中不能自动播放视频

Question

项目需要在弹窗里展示rtmp视频流，使用了vue-video-player插件，在页面的话是可以自动播放的，但同样的代码放到elementUI的el-dialog标签中就不能自动播放了，试了些办法也没有解决,希望知道原因的大佬解答写，谢谢。

相关代码

      <video-player
        ref="videoPlayer"
        :playsinline="true"
        class="vjs-custom-skin videoPlayer"
        :options="videoOption"
        customEventName="customstatechangedeventname"
      ></video-player>


        this.videoOption = {
                  aspectRatio: '16:9',
                  techOrder: ['flash'],
                  muted: true,
                  flash: { hls: { withCredentials: false } },
                  controls: false,
                  autoplay: true,
                  preload: 'auto',
                  notSupportedMessage: '此视频暂无法播放，请稍后再试',
                  sources: [
                    {
                      type: 'rtmp/mp4',
                      src: data.camera_url
                    }
                  ]
                }