Видео не воспроизводится в настольных браузерах все время - PullRequest
Новая
       28

Видео не воспроизводится в настольных браузерах все время

0 голосов
/ 20 февраля 2020

Видео, которое по какой-то причине не воспроизводится большую часть времени на рабочем столе. 

<video autoplay loop id="video-background" class="video-bg" poster="assets/images/home-vid.jpg">
  <source  src="/assets/videos/home.mp4" type="video/mp4">
</video>

Автоматическое воспроизведение видео в режиме l oop при открытии страницы.

Я пытался на FF Chrome он проигрывается один раз как приватный просмотр, затем снова останавливается .. 

 $(document).ready(function () {
        $('#fullpage').fullpage({
            verticalCentered: true,
            //sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
            afterRender: function () {
                //playing the video
                $('video').get(0).play();
            }
        });


   });

1 Ответ

2 голосов
/ 20 февраля 2020

Вы должны добавить playsinline autoplay muted l oop, Chrome не разрешать автозапуск видео, если оно не отключено. Вы можете попробовать это: 

<video src="{{ asset('/assets/videos/home.mp4' )}}" muted autoplay loop playsinline></video>
And put this js after that:

window.addEventListener('load', async () => {
  let video = document.querySelector('video[muted][autoplay]');
  try {
    await video.play();
  } catch (err) {
    video.controls = true;
  }
});
...