YouTube iframe播放器的自动播放功能不适用于chrome和firefox

Question

Youtube iframe自动播放不适用于Chrome和视频分辨率设置不适用于所有浏览器

<section class="wow fadeIn example no-padding no-transition homeBanner">
<div id="video" class="hidden-xs loaded">
    <iframe class="ytplayer-player" style="width: 1519px; height: 855px; left: 0px; top: -281px;" allowfullscreen="1" allow="autoplay" title="YouTube video player"
            src="https://www.youtube.com/embed/jHg0b7Nai6c?iv_load_policy=3&modestbranding=0&autoplay=1&controls=0&rel=0&showinfo=0&wmode=opaque&branding=0&autohide=0&loop=1&rel=0&enablejsapi=1&origin=https%3A%2F%2Fhub.youth.gov.ae&widgetid=1"
            width="1519" height="855" frameborder="0"></iframe>
</div>

Answer 1

您必须使用allow =“autoplay”，如策略更改页面上所示。

https://developers.google.com/youtube/player_parameters的Embed Paramaters文档页面不包含此信息。事实上，这个页面提供了一个声称启用自动播放的嵌入代码示例，它只是简单的不合规。

Answer 2

您必须将参数“mute”添加到iframe的src。显然，视频将开始静音，但自动播放将起作用。浏览器（至少是Firefox和Chrome）总是允许自动播放，但视频必须开始静音。

&mute=1

https://codepen.io/romualdinho/pen/zXQWEO