Chrome 自动播放政策中的自动播放背景视频

2023-12-29

因此,在最新的 chrome 中,显然自动播放策略已更改,因此这反过来又破坏了每个具有应自动播放视频背景的网站 我想知道是否有人有任何聪明的解决办法可以“解决”这个问题? (我相信按钮或“进入页面”解决方案将是一种糟糕的解决方法,特别是对于背景视频)

如果用户不与文档交互,您现在会在控制台中看到以下内容:

  Uncaught (in promise) DOMException: play() failed 
because the user didn't interact with the document first.

以下是谷歌的修改:https://developers.google.com/web/updates/2017/09/autoplay-policy-changes https://developers.google.com/web/updates/2017/09/autoplay-policy-changes


最近的政策更改后,Chrome 将不允许自动播放视频。一个简单的解决方案是将视频静音,模拟单击,然后播放视频。

HTML

<video id="video" muted loop="loop">

JavaScript

// Click a random element
document.getElementById('randomElement').click();
// Play video after click
setTimeout(function(){
    document.getElementById('video').play();
}, 1500);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome 自动播放政策中的自动播放背景视频 的相关文章

随机推荐

  • 如何正确读取utf8字符的url内容?

    public class URLReader public static byte read String from String to String string try String text http translate google
  • 将node.js中的UDP套接字从应用程序传输到HTTP

    是否可以通过 NodeJS 将来自应用程序的 Socket 传输到 http 我将带有应用程序 C 的套接字以 UDP 或 TCP 如果不可能在 UDP 中 发送到 NodeJS 我的 NodeJS 脚本 var server dgram
  • Android studio Apk 分析器中定义的方法和引用的方法有什么区别

    其中的新功能之一是android studio 2 2 preview 1 is APK Analyzer当你尝试它时 它会给你统计数据Defined Methods and Referenced Methods 示例输出 该dex文件定义
  • 制表符日期格式

    我正在使用一个名为 Tabulator 的库 它允许您做的事情之一就是在将数据推入表中时编辑数据 我们使用的日期使用长日期格式 如下所示 2018 07 24T04 00 00 000Z 我在表中使用格式化程序使其看起来像这样 2018 0
  • 通过网络访问 GPSD 端口 2947 [关闭]

    Closed 这个问题是与编程或软件开发无关 help closed questions 目前不接受答案 使用 digitalbarbedwire com 上的帖子中的信息 使用最新的 Jessie Lite Raspbian Jan 20
  • 我们什么时候破坏二进制兼容性

    我的印象是 每当你执行以下其中一项操作时 添加新的公共虚拟方法virtual void aMethod 添加新的公共非虚拟方法void aMethod 从接口实现公共纯虚方法virtual void aMethod override 实际上
  • Jackson ObjectMapper 即使使用 NON_NULL 也会抛出 NullPointerException

    当使用以下 JSON 并且 phones 或 emailAddresses 为 null 时 我收到 NullPointerException JSON item messages user phone missing type warni
  • “gcc -x c”和“gcc -x c++”汇编输出之间的差异

    我在文件 main c 中有以下代码 int main int i for i 0 i lt 5 i return 0 当我编译这个时gcc x c m32 S O0 o main s main c 在 Fedora 16 64 位下 我得
  • 如何将数据从 gRPC 拦截器传递到服务方法调用?

    我需要传递一些数据ServerAuthIntereptor打电话 服务器验证拦截器 used in context parameters map private static final String AUTH CONTEXT authCo
  • 如何在 Eclipse 中比较两个文件?

    我想比较两个文件 一个在当前项目中 另一个在备份目录中 我知道如何比较它们是否在同一个项目中 如何在 Eclipse 中进行比较 Eclipse 中的 Flex 导航器是什么 打开导航器并显示主菜单 窗口 gt 显示视图 gt 导航器 您可
  • PhpStorm MySQL Connector/J 更新到 5.1.40 后停止工作

    在 PhpStorm 建议更新 MySQL 驱动程序后 我与 MySQL 数据库的现有连接和工作连接已停止工作 我看到这个问题在我的 Ubuntu 和另一台 Mac 上重现 我收到的错误是 08S01 通信链路故障 我使用 SSH 隧道来访
  • Twitter API 问题:使用 GET 的 OAuth 请求令牌有效,POST 失败

    我正在使用 Twitter API 进行 OAuth 我已经使用 GET 使请求令牌操作正常工作 没有任何问题 但是 当我使用 POST 执行完全相同的操作时 它会给出错误 无法验证 oauth 签名 以下是我正在使用的各种卷曲选项 cur
  • 为什么在文件未完成加载时调度 URLStream 完成事件?

    我正在编写一个 AIR kiosk 应用程序 每天晚上都会连接到 WordPress 服务器 获取包含所有内容路径的 JSON 文件 然后下载该内容并将其保存到 kiosk 硬盘驱动器 有数百个文件 jpg png f4v xml 其中大多
  • 头文件中定义的函数的重复符号

    假设我有一个头文件file ops hpp看起来像这样 pragma once bool systemIsLittleEndian uint16 t x 0x0011 uint8 t half x uint8 t x if half x 0
  • 如何在序列图中表示循环中进行的调用?

    我正在创建一个序列图 其中一个类正在被另一个类观察 被观察的类在观察者中每 5 秒循环调用一次更新 我需要在序列图中显示这一点 有没有办法让它无限期地不按顺序循环 或者它在序列图的上下文中没有意义吗 我不应该包括它吗 或者我应该将其包含在不
  • 针对另一个域远程使用 Get-DnsServerResourceRecord

    我正在尝试运行以下命令 secpasswd Test secpasswd ConvertTo SecureString secpasswd AsPlainText Force mycreds New Object System Manage
  • Pygame显示模块初始化和退出

    有一个pygame display窗户打开 我打电话pygame display quit 为了摧毁窗户 因为我需要再次打开窗口 所以我调用pygame display init and pygame display set mode 但是
  • 如何从报表设计器调用 Acumatica 函数?

    我有一个用 Acumatica 编写的通用函数 我们在各种 Acumatica 屏幕上使用它 我们希望在报表设计器中使用此函数 以便我们可以打印该值 示例 CheckBday 如果我们传递客户代码 它应该检查此客户生日字段 如果是今天 则返
  • 非升压asio检查错误c ++

    有没有办法使用 tcp 检查非 boost asio 程序中的错误 有没有办法随机向连接添加错误 我用 C 创建了一个简单的 Echo 服务器 现在我必须为其生成随机错误 但问题是我不知道如何生成 或者 如果这有更多帮助 我需要检查二维奇偶
  • Chrome 自动播放政策中的自动播放背景视频

    因此 在最新的 chrome 中 显然自动播放策略已更改 因此这反过来又破坏了每个具有应自动播放视频背景的网站 我想知道是否有人有任何聪明的解决办法可以 解决 这个问题 我相信按钮或 进入页面 解决方案将是一种糟糕的解决方法 特别是对于背景