Javascript 在Firefox上工作但不在Chrome上工作的背景视频

背景视频在firefox上运行良好，但在Chrome上运行不正常。有人能告诉我这个问题吗？我尽力解决这个问题，但每次都失败了。但有一段时间会在chrome上自动运行并自动停止

---

这是该网站的链接。

在JQuery中添加静音，以便在Chrome中播放视频

<!-- home banner video -->
        <video id="video"  poster="https://briolaundry.com/wp-content/uploads/2017/05/bg-main.jpg" autoplay loop>
            <!--<source src=""> -->
            <source src="https://briolaundry.com/wp-content/uploads/2017/05/Brio-HomePage-Hero-473358135.webm">
            <source src="https://briolaundry.com/wp-content/uploads/2017/05/home-banner.ogv">
    </video>

---

尝试这样做：添加如下参数

<video id="bg_video" playsinline autoplay muted loop controls="controls">

---

对我来说，win 10上的Chrome非常好用。然而，在Mac上，这是一种安全功能，只有在视频静音的情况下，自动播放才会起作用。因此，即使视频本身没有音频，也请使用

mute

属性将其静音（只需添加）

<video id="bg_video" playsinline autoplay muted loop controls="controls">

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}