视频赢得';t使用声音HTML播放自动播放

视频赢得';t使用声音HTML播放自动播放,html,twitter-bootstrap,Html,Twitter Bootstrap,我有一个视频为我的网站,但它不会自动播放,直到我刷新页面 <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <video autoplay loop muted width="1900"> <source src="images/video/ad.mp4" type="video/mp4" /&g

我有一个视频为我的网站,但它不会自动播放,直到我刷新页面

<div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
        <video  autoplay loop muted width="1900"> 
            <source src="images/video/ad.mp4" type="video/mp4" />  <!-- Declaring it is a video and from where the file should be played from -->
        </video>
    </div>
</div>
尝试更改代码,但仅当音频静音时才起作用。当有音频时,它不会自动播放,我必须刷新页面

<div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
        <video  autoplay loop muted width="1900"> 
            <source src="images/video/ad.mp4" type="video/mp4" />  <!-- Declaring it is a video and from where the file should be played from -->
        </video>
    </div>
</div>


我希望在打开带有音频的页面时自动播放,而不是刷新页面以便播放音频。

这来自谷歌的自动播放策略更改:

Chrome的自动播放策略很简单:

  • 始终允许静音自动播放
  • 在以下情况下,允许自动播放声音:
    • 用户已与域交互(单击、点击等)
    • 在桌面上,用户的媒体参与度指数阈值已经超过,这意味着用户以前播放过声音视频
    • 在手机上,用户已[将网站添加到其主屏幕]
  • 顶部框架可以将自动播放权限委托给其iFrame,以允许自动播放声音


我认为让用户点击是解除广告静音的最佳解决方案。下面是一个使用股票视频的示例。您的代码是相同的,只是视频url更改了,并且在视频下方添加了一个基本按钮

unmuteButton.addEventListener('click',function(){
video.muted=false;
});

取消静音

您使用的是什么版本的引导?我无法重现此错误。我使用的任何mp4视频都可以很好地播放。这是在Chrome中发生的吗?这听起来像是您可能遇到的“始终允许静音自动播放。如果:用户已与域交互,则允许使用声音自动播放…”4.3.1。尝试从代码中删除静音,看看它是否有效。谢谢,这很有帮助。我决定使用控件,因为我无法让它工作。还有一个取消静音的按钮使它在网站上看起来不专业。