Chrome自动播放视频无效

时间:2018-05-22 13:47:56

标签: video autoplay

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

有没有人有想法或回答?

由于 乌

1 个答案:

答案 0 :(得分:1)

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

enter image description here

enter image description here

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

或尝试以下操作 我使用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>