使用谷歌新的自动播放政策更改的静音iframe视频

时间:2018-05-22 09:40:28

标签: google-chrome iframe vimeo autoplay

谷歌刚刚更新了“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">

提前感谢任何有用的建议。

1 个答案:

答案 0 :(得分:1)

如果你使用Vimeo嵌入式iframe播放器作为背景视频,你应该使用带有background参数的嵌入代码而不是autoplay和loop参数:

<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

background参数将隐藏所有播放器按钮和元素(播放/暂停,播放栏,标题,按行等),循环播放视频,自动播放视频以及静音视频。最后一部分很重要 - 默认情况下,Chrome会始终允许静音视频自动播放。对于启用了音频的自动播放视频,Chrome会使用“媒体参与度指数”来确定观看者在导航到您的网页时是否真正想要或希望带有音频的视频自动播放。 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