Почему не воспроизводится видеобекграунд В ХРОМЕ?

Question

[Полина Емельянова]

Добрый день, коллеги.
Прошу, помогите решить задачу.

САБЖ:
Имеется страница с видеобекграундом.
https://zopflex.com/dr/dr/al/video/
Видео тянется с нашего сервера.
Видео должно быть закольцовано.

ПРОБЛЕМА
Видео не проигрывается в ХРОМЕ!!!

Прошу, помогите решить этот баг. Или ткните носом в уже существующий тост на портале.

Заранее благодарю!

Answer 1

[Sagrana]

Мне помог атрибут muted
<video muted autoplay loop>...</video>

Comments

[Илья Белобородов]

Спасибо)

Answer 2

[Dmitry Bay]

Браузер? Возможно вы столкнулись с новой политикой воспроизведения видео в Google Chrome.

Comments

[Полина Емельянова]

ХРОМ!!! Прошу, расскажите, что за политика.

[Александр]

Блокировать автоматическое воспроизведение видео на страницах.

Answer 3

[Александр]

В фф, к сожалению, работает, что подтверждает ответ Dmitry Bay

Comments

[Полина Емельянова]

Хром, мать его....

Answer 4

[Полина Емельянова]

Благодарю, коллеги!!!
ХРОМ!!! Прошу, расскажите, что за политика.

Comments

[Александр]

https://blog.chromium.org/2017/09/unified-autoplay.html
Кстати, хороший ход. Одно дело - автовоспроизведение на ютубе, другое - когда вкладка с результатом поиска делает "БАДУМТССССС!!!!!1111" на 100% громкости.

[Полина Емельянова]

Александр, и... Как с этим теперь быть?

[Александр]

Полина Емельянова,

Starting in Chrome 64, autoplay will be allowed when either the media won’t play sound

Developer Recommendations: <video> and <audio>

    Use autoplay sparingly. Autoplay can be a powerful engagement tool, but it can also annoy users if undesired sound is played or they perceive unnecessary resource usage (e.g. data, battery) as the result of unwanted video playback. 
    If you do want to use autoplay, consider starting with muted content and let the user unmute if they are interested in exploring more. This technique is being effectively used by numerous sites and social networks.
    Unless there is a specific reason to do so, we recommend using the browser’s native controls for video and audio playback. This will ensure that autoplay policies are properly handled. 
    If you are using custom media controls, ensure that your website functions properly when autoplay is not allowed. We recommend that you always look at the promise returned by the play function to see if it was rejected:

    var promise = document.querySelector('video').play();

    if (promise !== undefined) {

      promise.then(_ => {

        // Autoplay started!

      }).catch(error => {

        // Autoplay was prevented.

        // Show a "Play" button so that user can start playback.

      });

    }

    Prompt users to add your mobile site to the homescreen on Android devices. This will automatically give your application unmuted autoplay privileges.

©