How to update src of video tag at dynamically?

快速解答作者 artf

@san-123，请按照问题模板制作一个可复现的演示，因为很难理解这里出了什么问题

阅读下方完整回答 ↓

问题

你好@artf，

我有拖放多个视频标签，每个都生成随机数到ID属性。有两件事值得怀疑，

首先，我尝试了基于ID属性更新的src视频标签示例路径，但对我来说没用。如何将 src 更新为基于视频标签的 ID 属性？

第二个是风格经理的问题，

样式管理器处理图像标签，

新增了内联样式，例：.rt123{Height：120px;宽度：200px;}对于图片，.rt123 是 ID 属性。

对于视频标签，Id属性是randmID，所以风格管理器不应用到视频标签上。如何改变这种状况。

回答（2）

artf• 2021年7月31日

@san-123，请按照问题模板制作一个可复现的演示，因为很难理解这里出了什么问题

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →