你好@artf，你好，我有 blockmanager 里的拖放视频标签和按钮，点击按钮后，我需要把 URL 改成 src。但不行，请指点我。编辑。BlockManager.add（“html/video”， { 标签：视频 '，分类：“界面控制”，标签：“UI Controls”， id：“UI Controls”，内容： ' '， }); 按钮事件： VA URL = “../../test.mp4“; $（“#video1”）.attr（'src'， URL）; 没有应用，有没有其他设置方式告诉我。

如果你只需要更新方块内容（例如，变更会应用到新的拖拽方块上），你可以这样做： “''js const 块 = 编辑器。BlockManager.get（'html/video'）; block.set（'content'， ' '） ``` 如果你需要在画布中更改组件，我建议你更详细地阅读 [组件]（https://grapesjs.com/docs/modules/Components.html）

问题 #3626💬 已回答提出于 2021年7月16日作者 san-1230 个反应

提问文档 typescript

How to set src of video tag at dynamic?

快速解答作者 stf1981

我觉得我有类似的定制组件。也许这会有帮助

阅读下方完整回答 ↓

问题

你好@artf，你好，我有 blockmanager 里的拖放视频标签和按钮，点击按钮后，我需要把 URL 改成 src。但不行，请指点我。编辑。BlockManager.add（“html/video”， { 标签：<div> <img src=“../../../Images/SiteBuilder/video.svg”/> <div class=“my-label-block”>视频</div> '，</div> 分类：“界面控制”，标签：“UI Controls”， id：“UI Controls”，内容： '<video id=“video1” src=“../../../Images/Jotun/Media21-1.m4v”id=“TestVideo” 控件类型=“video/mp4”>'， }); 按钮事件： VA URL = “../../test.mp4“; $（“#video1”）.attr（'src'， URL）; 没有应用，有没有其他设置方式告诉我。

回答（4）

stf1981• 2021年7月22日

我觉得我有类似的定制组件。也许这会有帮助

artf• 2021年7月29日

如果你只需要更新方块内容（例如，变更会应用到新的拖拽方块上），你可以这样做： “''js const 块 = 编辑器。BlockManager.get（'html/video'）; block.set（'content'， '<video ...>'）

如果你需要在画布中更改组件，我建议你更详细地阅读 [组件]（https://grapesjs.com/docs/modules/Components.html）

san-123• 2021年7月30日

感谢@artf和stf1981的回复，实际上我会拖放多个生成随机数到ID属性的视频。在这种情况下，如何更新针对特定版本的选定视频？

我未能更新src。

GJSBlock• 2026年5月17日

感谢你报告，@san-123。关于如何将视频标签的src设置为动态？的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.lo...

在 GitHub 上查看完整讨论 →