视频不会一直在桌面浏览器上播放

Question

由于某种原因大部分时间无法在台式机上播放的视频。

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

打开页面时，视频应自动循环播放。

我尝试使用FF，Chrome浏览器以“私人浏览”方式播放了一次，然后又停止播放了。。

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


   });

Answer 1

您必须添加playsinline自动播放静音循环，如果视频未静音，Chrome不允许视频自动启动您可以尝试以下方法：