Article
网页原生字幕挡住商品标签，改视频里的文字位置为什么没有用？
网页原生字幕遮住商品标签，应检查字幕cue布局，而不是只移动视频里已经烧录的文字。原生字幕层和视频像素是两个独立对象。
网页原生字幕遮住商品标签，应检查字幕cue布局，而不是只移动视频里已经烧录的文字。原生字幕层和视频像素是两个独立对象。
先记住这三件事
- 识别遮挡是哪一层：分别切换字幕开关，看标签被遮的时间点。
- 按语义调整cue布局：在副本针对有冲突的cue评估位置或宽度，保证文字仍可读，不让字幕跑出可视区域。
- 检查屏幕与播放模式：在手机、桌面及全屏分别看，确认控制条出现时仍可读；用户可自设字幕样式，不能承诺任意偏好下完全相同。
把症状与原因分开
关闭CC后遮挡消失，说明主要来自可切换字幕；关不掉的字才可能是烧录。先定位层级，再决定是否调整cue位置、尺寸或改镜头构图。
WebVTT提供line、position、size与align等cue设置，VTTCue接口也描述相应位置与大小属性；实际呈现仍需目标浏览器验证。 官方依据：Web Video Text Tracks Format (WebVTT) - Web APIs | MDN。
识别遮挡是哪一层
分别切换字幕开关，看标签被遮的时间点。截图记录商品关键区域与字幕范围，不直接剪掉画面底部牺牲规格信息。
按语义调整cue布局
在副本针对有冲突的cue评估位置或宽度，保证文字仍可读，不让字幕跑出可视区域。不要用极小字号假装问题已解决。
检查屏幕与播放模式
在手机、桌面及全屏分别看，确认控制条出现时仍可读；用户可自设字幕样式，不能承诺任意偏好下完全相同。
怎样才算交付通过
型号、标签与字幕均可辨认，字幕未被裁掉，关开与换句正常；记录目标设备和剩余限制，而不是只批准编辑器画布。
| 交付时要留的证据 | 接收方怎样复核 |
|---|---|
| 关闭CC对照的原始记录 | 保留原文件和此次问题的发生位置。 |
| 调整cue布局的处理副本 | 原片不覆盖，对照同一商品、型号及声音。 |
| 跨模式检查的批准结果 | 在实际使用端重开，记录仍未解决的限制。 |
虚构练习与停止条件
虚构练习：水壶标签在画面底部，网页CC压住容量。团队确认是原生cue后调整布局并跨端复看，没有重新生成本来正确的视频。
字幕位置可能被浏览器或用户设置影响；平台自带控件不可由本文件任意控制。
来源、制作范围与下一步
以上检查属于后期或网页交付工作。Itemlume 的商品参考图、分镜与视频素材可以作为创作输入；音轨、字幕、编码和网页代码的调整需在相应工具中完成，不代表 Itemlume 内置这些操作。需要制作或重做源镜头时，可先查看商品视频入口，并核对当前能力和积分报价。
- Web Video Text Tracks Format (WebVTT) - Web APIs | MDN：2026-10-25 实际取回；原页未明确发布日期时不推定其发布日期。
- VTTCue - Web APIs | MDN：2026-10-25 实际取回；原页未明确发布日期时不推定其发布日期。
继续排查相关但不同的问题：Where should product-video text go when platform controls cover the frame?；网页商品视频有两种语言字幕，为什么默认轨没有按预期显示？。
本文由 Itemlume 承担编辑责任，使用 AI 辅助整理官方资料；流程建议是编辑判断，虚构练习不是客户案例、亲测结果或效果承诺。产品事实以实物和有效证据为准。可查看关于与编辑说明或联系编辑。