Как заставить работать на Safari HTML5 Video?

Question

[Илья]

Приветствую всех
Кто может помочь разобраться со следующей проблемой.

На сайте не воспроизводится фоновое видео только в Safari установленным на MAC OC high sierra. Собственно сам сайт npoekta.ru и кусочек кода отвечающего за фоновое видео

<div class="background-video">       
        <video preload="auto" autoplay="autoplay" loop="loop">
            <source src="template/video/video.mp4" type="video/mp4" />
            <source src="template/video/video.webm" type="video/webm" />
            <source src="template/video/video.ogv" type="video/ogv" />
        </video>       
    </div>

Видео проигрывается до 1-го кадра и замораживается. В других браузерах все нормально.

Answer 1

[Danila]

Добавь аттрибуты muted и playsinline

<video preload="auto" muted playsinline autoplay="autoplay" loop="loop">