I
I
Ilya2017-12-06 21:03:30
safari
Ilya, 2017-12-06 21:03:30

How to make it work on Safari HTML5 Video?

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.

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

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question