静音 Iframe 视频与谷歌新的自动播放政策变化
Muted Iframe video with googles new Autoplay Policy Changes
googles 刚刚在那里更新了“Autoplay Policy Changes”,但我想实现静音自动播放 Vimeo 背景视频,在阅读文章后我相信将以下内容添加到 iframe 会起作用。
chrome版本:68
allow="autoplay; fullscreen"
但运气不好,我不确定除了 JS API 之外还能尝试什么,我什至不知道它是否会有所作为。
<iframe src="https://player.vimeo.com/video/265188275?autoplay=1&loop=1&autopause=false&byline=false&title=false&byline=false&frameborder=0" allow="autoplay; fullscreen">
提前感谢您提供任何有用的建议。
如果您使用 Vimeo 嵌入式 iframe 播放器作为背景视频,您应该使用带有背景参数的嵌入代码,而不是自动播放和循环参数:
<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
背景参数将隐藏所有播放器按钮和元素(play/pause、播放栏、标题、署名等)、循环播放视频、自动播放视频和静音视频。最后一部分很重要——默认情况下,Chrome 将始终允许静音视频自动播放。对于在打开音频的情况下自动播放的视频,Chrome 使用 "Media Engagement Index" 来确定观看者是否真的想要或期望在导航到您的页面时自动播放带有音频的视频。 Google 记录了整个过程:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Vimeo 播放器的背景参数记录在此处:https://help.vimeo.com/hc/en-us/articles/115011183028-Embedding-background-videos
googles 刚刚在那里更新了“Autoplay Policy Changes”,但我想实现静音自动播放 Vimeo 背景视频,在阅读文章后我相信将以下内容添加到 iframe 会起作用。
chrome版本:68
allow="autoplay; fullscreen"
但运气不好,我不确定除了 JS API 之外还能尝试什么,我什至不知道它是否会有所作为。
<iframe src="https://player.vimeo.com/video/265188275?autoplay=1&loop=1&autopause=false&byline=false&title=false&byline=false&frameborder=0" allow="autoplay; fullscreen">
提前感谢您提供任何有用的建议。
如果您使用 Vimeo 嵌入式 iframe 播放器作为背景视频,您应该使用带有背景参数的嵌入代码,而不是自动播放和循环参数:
<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
背景参数将隐藏所有播放器按钮和元素(play/pause、播放栏、标题、署名等)、循环播放视频、自动播放视频和静音视频。最后一部分很重要——默认情况下,Chrome 将始终允许静音视频自动播放。对于在打开音频的情况下自动播放的视频,Chrome 使用 "Media Engagement Index" 来确定观看者是否真的想要或期望在导航到您的页面时自动播放带有音频的视频。 Google 记录了整个过程:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Vimeo 播放器的背景参数记录在此处:https://help.vimeo.com/hc/en-us/articles/115011183028-Embedding-background-videos