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