Chrome Vimeo Iframe自动播放功能不再适用

Question

因为有些日子我的vimeo iframe不再自动播放了。我知道chrome更新，它将阻止带声音的自动播放视频。该块是否已激活？

Vimeo示例代码不起作用：

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

但netflix.com和vimeo本身在主页上有一个自动播放视频，该视频有效。

编辑：Chrome版本66.0.3359.139 macOS High Sierra 10.13.4

有没有人有想法或答案？

谢谢！

Answer 1

使用 public static void FileCopy(string source, string dest, string webhookurl) { using (var client = new WebClient { Headers = { [HttpRequestHeader.ContentType] = "application/json" } }) { var paramRecord = new Parameters(source, dest); var serializer = new DataContractJsonSerializer(typeof (Parameters)); var memoryStream = new MemoryStream(); serializer.WriteObject(memoryStream, paramRecord); // todo handle the removal of escaped strings better var jsonObject = Encoding.Default.GetString(memoryStream.ToArray()).Replace(@"\", ""); string response = client.UploadString(webhookurl, jsonObject); } } 属性为<iframe>添加注释为我工作：

allow

它被称为“Iframe委托”，在此处描述：https://developers.google.com/web/updates/2017/09/autoplay-policy-changes。

Answer 2

您需要将&muted=1添加到iFrame src路径，并且需要将属性allow="autoplay"添加到iFrame。现在，Vimeo视频会再次在Chrome中自动启动。

Answer 3

是的，根据他们的文件。

https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

修改

FireFox，Chrome和Safari等高级浏览器现在默认阻止视频自动播放。

CHROME自动播放政策：

  

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

媒体参与度指数（简称MEI）是一种Chrome浏览器，它允许您网页上的自动播放音频基于您以前作为用户与此网页的互动。你可以转到

看看这是什么样的

  

铬：//媒体接合/

MEI是根据用户个人资料计算的，并且会保持为隐身模式。

WEBKIT / SAFARI自动播放政策：

  

https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

FIREFOX自动播放改进：

  

https://www.ghacks.net/2018/09/21/firefox-improved-autoplay-blocking/

注意：  不要假设媒体元素将播放，并且不从一开始就显示暂停按钮。查看HTMLMediaElement上的play函数返回的Promise，看它是否被拒绝：

var promise = document.querySelector('video').play();

if (promise !== undefined) {
    promise.catch(error => {
        // Auto-play was prevented
        // Show a UI element to let the user manually start playback
    }).then(() => {
        // Auto-play started
    });
}

Answer 4

现在，如果音频静音，自动播放视频正常工作，您需要将静音参数添加到api或iframe代码并且静音= 1，您可以更改浏览器首选项以允许自动播放未静音视频： 铬：//标志/＃自动播放策略 将默认选项更改为＆＃34;不需要用户手势＆＃34;

如果用户点击视频，您可以取消静音！

Answer 5

自动播放+静音+从时间x秒开始=

<img alt="'+g+'" data-src="'+k +'"/>

#t参数必须是最后一个。

Answer 6

静音参数修复了我的问题：

<iframe src="https://player.vimeo.com/video/xbackground=1&autoplay=1&loop=1&byline=0&title=0&muted=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay; fullscreen"></iframe>

Answer 7

如果您是付费会员并想使用视频作为背景，则可能是您需要的：

  

？background = 1 ：此参数会自动禁用播放器中的所有元素（播放栏，按钮等），自动播放，循环播放并在加载时使视频静音。请注意：只有付费会员托管的视频才支持background参数。在此处了解更多信息。

或者，如果您不是：

  

？muted = 1 此参数将在加载时自动使视频静音。视频播放后，观看者可以通过单击播放器中的音量栏来手动取消静音。

但是，我仍然无法在手机上使用它。