HTML 5 видео на моем сайте не работает на Safarai

Question

Я хочу, чтобы мои html5-видео с автоматическим воспроизведением работали и в Safari.Я уже читал множество тем на эту тему, но не смог найти решение, которое обеспечивало бы функциональность обоих браузеров. Ссылка на мой сайт:

            <video autoplay loop muted playsinline width="640" height="510">
        <source src="http://dl3.webmfiles.org/elephants-dream.webm" type="video/webm">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
        </video>

Answer 1

Apple заблокировала автоматическое воспроизведение видео в последней версии Safari, которая была анонсирована на WWDC 2018 вместе с macOS Mojave.В результате атрибут autoplay не будет работать в Safari.

Единственный способ обойти это - использовать JavaScript для воспроизведения видео.Задержка в 1 секунду позволяет загружать все и улучшать UX для пользователя.

setTimeout(function() { 
    var vid = document.getElementById("myVideo");
    vid.play(); 
}, 1000);