Как воспроизвести видео на IOS и избежать ошибок с разрешениями сафари?

Question

Я хочу воспроизводить видео в мобильном Safari в собственном полноэкранном плеере. Но когда я вызываю .play (), я получаю сообщение об ошибке: «Необработанное отклонение обещания: NotAllowedError: Запрос не разрешен пользовательским агентом или платформой в текущем контексте, возможно, потому что пользователь отказал в разрешении» В моем приложении vue.js яdo:

    videoInit() {
          this.video = document.createElement("video");
          this.video.setAttribute("src", this.slidesSrc[0]);
          this.video.autoplay = true;
          this.video.muted = true;
          this.video.preload = 'auto';
      },
    videoPlay(index) {
        this.video.setAttribute("src", this.slidesSrc[index]);
        this.video.muted = false;
        this.video.play();
    }

Но иногда воспроизведение работает, иногда я получаю сообщение об ошибке "Unhandled Promise Rejection: NotAllowedError: Запрос не разрешен пользовательским агентом или платформой в текущем контексте, возможно, из-за отказа пользователяразрешение "

Пожалуйста, помогите!