错误 YouTube自动播放

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 119.0.6045.200 64位 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？拖拽视频块到画布中点击视频，选择YouTube作为提供者。添加任何视频ID，比如lDK9QqIzhwk，并勾选自动播放选项。点击查看代码按钮，查找生成的iframe。URL大致是： https://www.youtube.com/embed/lDK9QqIzhwk?&autoplay=1&muted=1。 预期的行为是什么？ 预期的行为是自动播放生成的HTML视频。 目前的行为是什么？ 视频并没有被生成的HTML静音后自动播放。 我创建了一个空的 HTML，并加了这个 iframe 标签，当我从 muted=1 切换到 mute=1 时，它就正常工作了。也许 YouTube 最近改了这个查询参数？我不知道。 我想知道有没有人了解这方面的情况，以及我是否应该创建一个PR，把查询参数从 muted 改成 mute 来修复这个问题。 谢...

artf · Accepted Answer

看起来静音属性在Vimeo上是正确的，但YouTube上不行。我会推修，谢谢。

GJS Helper · Answer

感谢你报告这个问题并进行全面调查。你已经正确找到了根本原因和可用的解决方案。这确实是 GrapesJS默认YouTube视频组件中的一个bug。 根本原因分析 问题源于 GrapesJS 用来静音YouTube视频的参数与YouTube的iframe API实际预期参数不匹配。 GrapesJS 目前使用的 muted=1： GrapesJS video 组件在生成 YouTube iframe 的 src URL 时，如果启用“静音”选项，会在查询参数中添加 muted=1 。 YouTube 的 iframe API 期望 mute=1：根据 YouTube 嵌入播放器参数文档，静音视频的正确参数是 mute=1。 muted 属性主要是 HTML5 <video> 元素属性，而非 YouTube iframes 的 URL 参数。 由于这种差异，当 GrapesJS 生成带有 &autoplay=1&muted=1的iframe时，YouTube播放器会忽略 muted=1 参数，视频尝试自动播放并带声音。现代浏览器（比如你正在使用的Chrome浏览器）有策略，除非用户之前与该...

错误 YouTube自动播放

问题

回答（2）

相关问答

Style click state bug in every element

未捕获类型错误：在图层管理器面板拖动组件时无法读取未定义属性（读取“Canvas”）。

Image src won't change in exported HTML

HTML元素的ID会在projectData加载的不同页面上递增

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类