Chrome Vimeo Iframe自动播放不再工作

ev7lccsx  于 2023-04-27  发布在  Go
关注(0)|答案(7)|浏览(159)

因为有些日子我的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
有人有想法或答案吗?
谢谢!

q5lcpyga

q5lcpyga1#

allow属性注解<iframe>对我来说很有效:

<iframe ... allow="autoplay; fullscreen"></iframe>

它被称为“Iframe委托”,描述如下:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

dddzy1tm

dddzy1tm2#

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

nnt7mjpx

nnt7mjpx3#

是的,根据他们的文件是的。
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的一种方式,它允许页面上的自动播放音频基于您以前作为用户与此网页的交互。您可以通过访问
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
    });
}
2skhul33

2skhul334#

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

<div>
    <iframe src="https://player.vimeo.com/video/342787403?&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&#t=235s" style="position:absolute;top:0;left:0;width:100%;height:100%;" width="1400" height="900" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>
</div>

t参数必须是最后一个。

2izufjch

2izufjch5#

现在自动播放视频只是在音频静音的情况下工作,你需要在你的API或iframe代码中添加muted参数&muted=1,你可以改变你的浏览器偏好来允许自动播放未静音的视频:chrome://flags/#autoplay-policy将默认选项更改为“不需要用户手势”
如果用户点击视频,您可以取消静音!!

b4lqfgs4

b4lqfgs46#

mute参数解决了我的问题:

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

zsbz8rwp7#

如果你是付费会员,想使用视频作为背景,这可能是你需要的:

?background=1:此参数会自动禁用播放器中的所有元素(播放栏、按钮等)、自动播放、循环播放和静音。请注意:background参数仅支持付费会员托管的视频。请在此处了解更多信息。

或者,如果你不是:

?muted=1此参数将在加载时自动静音您的视频。一旦您的视频播放,观众可以通过点击播放器内的音量栏手动取消静音。

但是,我仍然不能在电话上工作。

相关问题