首页 文章

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

提问于
浏览
12

因为有些日子我的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

有没有人有想法或答案?

谢谢!

5 回答

  • 3

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

  • 1

    现在,如果音频静音,自动播放视频正常工作,您需要将muted参数添加到api或iframe代码中并且muted = 1,您可以更改浏览器首选项以允许自动播放未静音视频:chrome:// flags /#autoplay- policy将默认选项更改为“不需要用户手势”

    如果用户点击视频,您可以取消静音!

  • 0

    是的,根据他们的文件,它是 .

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

    EDIT:

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

    CHROME Auto-Play Policy:

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

    Media Engagement Index(简称MEI)是Chrome的一种方式,它允许您网页上的自动播放音频基于您之前与该网页的用户互动 . 你可以通过去看看这是什么样的

    chrome://媒体参与/

    MEI是根据用户 Profiles 计算的,并且会保持为隐身模式 .

    media engagement

    WEBKIT/SAFARI Auto-Play Policy:

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

    FIREFOX Auto-Play Improvements:

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

    NOTE: 不要假设媒体元素将播放,并且不要从头开始显示暂停按钮 . 查看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
        });
    }
    
  • 10

    allow 属性注释 <iframe> 对我有用:

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

    它被称为"Iframe delegation",在这里描述:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes .

  • 33

    如果您是付费会员,并希望将视频用作背景,那么这可能就是您所需要的:

    ?background = 1:此参数会自动禁用播放器中的所有元素(播放栏,按钮等),自动播放,循环以及加载视频时静音 . 请注意:后台参数仅支持付费会员托管的视频 . 在这里了解更多 .

    或者,如果你不是:

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

    但是,我还是无法在手机上工作 .

相关问题