YouTube iframe 播放器的自动播放不适用于 chrome 和 firefox答案

【问题标题】：Autoplay of YouTube Iframe Player is not working on chrome and firefoxYouTube iframe 播放器的自动播放不适用于 chrome 和 firefox
【发布时间】：2019-01-22 14:48:33
【问题描述】：

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>

【问题讨论】：

网络对自动播放功能越来越严格。您可以在 Autoplay Policy Changes 中阅读此内容，“M66 稳定版中针对音频和视频元素推出的自动播放策略有效地阻止了 Chrome 中大约一半不需要的媒体自动播放。”

标签： jquery iframe youtube-api youtube-iframe-api autoplay

【解决方案1】：

您必须使用政策更改页面上的 allow="autoplay"。

https://developers.google.com/youtube/player_parameters 的嵌入参数文档页面不包含此信息。事实上，这个页面提供了一个嵌入代码示例，声称启用自动播放，但它完全不符合要求。

【讨论】：

【解决方案2】：

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

&mute=1

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

【讨论】：