Chrome自动播放视频无效

Question

我们网站https://webdesign-weinstrasse.de上的自动播放背景视频无效。我知道新政策，但视频没有音频。

有没有人有想法或回答？

由于 乌

Answer 1

测试了您的WP RevSlider中的视频源。即使您的视频没有音轨。但它仍需要自动播放和视频标签中的已静音标签。通过这种方式，它将在Chrome中自动播放静音。检查以下内容以获取更多详细信息。

您可以使用当前使用的RevSlider设置添加额外的参数。检查以下内容。 参考文献https://help.vimeo.com/hc/en-us/articles/360001494447-Using-Player-Parameters

或尝试以下操作 我使用jQuery添加了静音标签。您可以将其用于您的revslider视频。

$( document ).ready(function() {
     console.log( "ready!" );
	  $("video").prop("autoplay",true);
	  $("video").prop("muted",true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<video loop width="1920" height="1080" id="mejs_0720491071360283_html5" preload="auto" src="https://webdesign-weinstrasse.de/wp-content/uploads/2018/02/weinberg.mp4" style="margin: 0px; width: 1616px; height: 909px;">
  <source type="video/mp4" src="https://webdesign-weinstrasse.de/wp-content/uploads/2018/02/weinberg.mp4" />
  <source type="video/webm" src="https://webdesign-weinstrasse.de/wp-content/uploads/2017/02/On-the-vine.webm" />
</video>