@vk22

Как правильно проигрывать видео на iphone (safari)?

Люди добрый! Помогите справится с проигрываем видео на айфоне в его нативном плеере.

В чем дело:
У меня vue приложение с видео галерей. Крутятся слайды, кликаем на один, получаем файл с сервера, открываем его в плеере в попапе. Плеер я взял plyr.io. На десктопе все ок. Но ios надо чтобы видео открывалось в фулскрин нативном плеере айфона. Проблема в том что на IOS Safari свои permissions c которыми я пока справится не могу. При запуске video.play() получаю ошибку:
"Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission."

Сейчас делаю через createElement и потом меняю у него src:

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: ..."

Подскажите, как же правильно сделать проигрываение на IOS?
Заранее спасибо!
  • Вопрос задан
  • 333 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 18:19
20000 руб./за проект
29 мар. 2024, в 18:08
2500 руб./за проект
29 мар. 2024, в 17:51
40000 руб./за проект