How to make it work on Safari HTML5 Video?

I

Ilya2017-12-06 21:03:30

safari

Ilya, 2017-12-06 21:03:30

Greetings to all
Who can help deal with the following problem.
The site does not play background video only in Safari set to MAC OC high sierra. Actually the site npoekta.ru and a piece of code responsible for the background video

<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>

The video plays up to the 1st frame and freezes. Everything is fine in other browsers.

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

D

Danila, 2017-12-06
@flammerman

Add muted and playsinline attributes

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