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

Posted

技术标签:

【中文标题】YouTube iframe 播放器的自动播放不适用于 chrome 和 firefox【英文标题】:Autoplay of YouTube Iframe Player is not working on chrome and 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"
              frameborder="0"></iframe>
</div>

【问题讨论】:

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

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

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

【讨论】:

【参考方案2】:

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

&mute=1

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

【讨论】:

以上是关于YouTube iframe 播放器的自动播放不适用于 chrome 和 firefox的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放? [复制]

Safari 移动版 - youtube iframe api - 自动播放

如何自动播放静音的 Youtube 视频 (IFrame API)?

带有 AJAX 和自动播放/排队的 Youtube iframe API

使用 <iframe> Youtube 视频自动播放 - ?autoplay=1 不起作用

Youtube iframe src 自动播放在 Chrome 浏览器中不起作用