Question

我要添加带有声音的背景视频。

该代码可在所有期望使用Google Chrome浏览器的浏览器上完美运行。

最初，视频根本不会加载。但是，如果将静音属性添加到标记中，则它将开始工作，或者如果打开控制台并刷新页面则没有静音属性，则视频会正确加载声音，否则不会加载。

但是，相同的代码在Firefox，Microsoft Edge和UC浏览器上也可以运行。

我尝试了两种方法都具有相同的问题， Chrome上的背景视频根本无法工作，或者需要添加“静音”属性才能显示视频。

方法1：

<video autoplay muted>
  <source src="test.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

如果我从视频中删除了静音属性，则该属性将无法在chrome上运行（在所有其他浏览器上仍然有效）

方法2：

     <body>
     <section id="home-sec"  class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=s0soX6uwHbk', containment:'self', mute:false, autoPlay:true, loop:true, opacity:1, showControls:false, showYTLogo:false, vol:50}">
         <div class="overlay"  >
            <div class="container" >
               <div class="row text-center">
                   <div class="col-md-12">
                      <h1>VIDEO GROUND </h1> 
                        <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h4>
                        <h4>Cnsectetur adipiscing elit.</h4>
                    </div>
                </div>
              </div>
           </div>

          </section> 
 <script src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script> <!--Jquery CDN-->
  <script src="assets/js/jquery.mb.YTPlayer.js"></script> <!--Youtube Script-->

       </body>

在这种方法中，如果我更改data-property =“ mute：true”，那么代码也适用于chrome。否则不行。

我的谷歌浏览器版本为：67.0.3396.99版（正式版本）（64位）

相似的问题：“ HTML5 video not loading in chrome, but works when the developer console is opened up”

我尝试使用用户提到的相同代码。再次，适用于Firefox，但不适用于Chrome。

此外，我使用了不同版本的chrome进行测试。所有版本都有相同的问题。

HTML 5-背景视频仅在不带Muted标签的Chrome上不起作用。

0 个答案: