You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何隐藏webvtt-player交互式转录文本中的时间戳?

隐藏WebVTT播放器时间戳的解决方案
  • 最简单的方法是用CSS隐藏时间戳元素,既不会影响JavaScript读取时间戳做音频同步,又能保留转录文本的显示和交互:

    1. 打开你保存的HTML副本,找到<head>标签区域
    2. 如果里面没有<style>标签,就添加一个;如果已有,直接在里面加以下代码:
      /* 隐藏时间戳元素,不破坏音频同步功能 */
      .vtt-time {
          display: none !important;
      }
      
    3. 保存HTML文件,刷新浏览器就能看到时间戳消失,转录文本和交互功能正常工作
  • 如果上面的类名不对(比如你的VTT播放器结构略有不同),可以自己找时间戳的元素类名:
    右键页面上的时间戳→选择「检查」,在弹出的开发者工具里找到包裹时间戳的元素,看它的class属性值,把CSS里的.vtt-time换成对应的类名即可

内容的提问来源于stack exchange,提问作者Jason G

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 23:54:55