如何隐藏webvtt-player交互式转录文本中的时间戳?
隐藏WebVTT播放器时间戳的解决方案
最简单的方法是用CSS隐藏时间戳元素,既不会影响JavaScript读取时间戳做音频同步,又能保留转录文本的显示和交互:
- 打开你保存的HTML副本,找到
<head>标签区域 - 如果里面没有
<style>标签,就添加一个;如果已有,直接在里面加以下代码:/* 隐藏时间戳元素,不破坏音频同步功能 */ .vtt-time { display: none !important; } - 保存HTML文件,刷新浏览器就能看到时间戳消失,转录文本和交互功能正常工作
- 打开你保存的HTML副本,找到
如果上面的类名不对(比如你的VTT播放器结构略有不同),可以自己找时间戳的元素类名:
右键页面上的时间戳→选择「检查」,在弹出的开发者工具里找到包裹时间戳的元素,看它的class属性值,把CSS里的.vtt-time换成对应的类名即可
内容的提问来源于stack exchange,提问作者Jason G
相关产品推荐
相关产品推荐

