Question

我有一个网站的视频，但是直到刷新页面后它才会自动播放

试图更改代码，但仅在音频静音时才起作用。当有音频时，它不会自动播放，我必须刷新页面

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

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

Answer 1

这来自Google的自动播放政策更改：

Chrome的自动播放政策很简单：

始终允许静音的自动播放。
在以下情况下，允许自动播放声音：
- 用户已与域进行了交互（单击，点击等）。
- 在桌面上，已经超过了用户的“媒体参与度索引”阈值，这意味着该用户以前曾播放有声视频。
- 在移动设备上，用户已[将网站添加到主屏幕中。]
顶部框架可以将自动播放权限委派给其iframe，以允许自动播放声音。

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

我认为让用户点击将是取消静音的最佳解决方案。以下是使用股票视频的示例。您的代码是相同的，只是更改了视频网址，并在视频下方添加了基本按钮。

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

<div class="carousel-inner" role="listbox">
  <div class="carousel-item active">
    <video muted autoplay loop width="1900" id="video"> 
        <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" />  <!-- Declaring it is a video and from where the file should be played from -->
      </video>
    <button id="unmuteButton">Unmute</button>
  </div>
</div>

视频无法使用声音HTML自动播放

1 个答案: