Видео HTML5 с пользовательской кнопкой не воспроизводится в Safari 12 - PullRequest
Новая
       15

Видео HTML5 с пользовательской кнопкой не воспроизводится в Safari 12

2 голосов
/ 30 марта 2019

Safari заблокировал автозапуск из видео, которые полностью понятны. Но я должен найти обходной путь , который видео воспроизводит "автоматически". Я использую VueJS кстати.

Видео: 

<video preload="auto" id="videowizy" class="video mockup-size">
    <source src="../assets/video.mp4" type="video/mp4">
</video>

Это видео воспроизводится только при нажатии на пользовательскую кнопку воспроизведения . 

<a id="play" @click="startVideo">Play Video ▶</a>

И я запускаю его с помощью функции .play (); . 

this.videoStarted = true;
window.setTimeout(() => {
    this.videoVisible = true;
    var video = document.getElementById('videowizy');
    video.addEventListener('ended',this.stopVideo,false);
    video.play();
},2000)

Теперь к вопросу. Safari 12 выдает мне следующую ошибку

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

Я был бы исправлен, когда я использовал элементы управления = true, но когда я использовал элементы управления = true, я не могу нажать кнопку воспроизведения, потому что видео расположено абсолютно за кадром (для имитации макета телефона). Есть ли способ сказать «эй, это кнопка воспроизведения, пожалуйста, позвольте мне играть в сафари»?

Заранее спасибо!

...