vlc web plugin 已废弃，现代浏览器无法直接控制其进度条；应改用 vlc 推流 + html5 video 或 hls/dash 方案，由 javascript 全权控制播放与 ui。
vlc Web Plugin 已废弃，现代网页无法直接控制 VLC 进度条
现在浏览器（Chrome、Firefox、Edge）已全面禁用 NPAPI 插件，VLC Web Plugin 从 2015 年起就不再被支持。你看到的“VLC 在网页里播放”，大概率是以下三种情况之一：
– 实际走的是 HTTP 流（如 http://ip:8080/），靠浏览器原生 <video></video> 标签渲染；
– 后端用 cvlc 或 vlc --intf http 暴露了 HTTP 接口，前端只是调用它；
– 用了第三方封装（如 vlc-embed npm 包），但底层仍是伪造 UI 或代理流。
如果用的是
这是目前最常见也最可行的方式：VLC 作为流服务器（例如运行 cvlc test.mp4 --sout '#http{dst=:8080}'），前端用标准 <video></video> 播放。此时隐藏进度条，和控制任意 HTML5 视频一样：
- 进度条本质是浏览器默认控件的一部分，设置
controls属性即显示全部控件，去掉它就全隐藏（包括播放/暂停按钮） - 若只想要自定义 UI（比如只留播放按钮，不要进度条），必须设
controls="false"（或直接不写），然后自己用 JS + CSS 实现播放控制逻辑 - 关键 CSS 是隐藏
video::-webkit-media-controls-timeline等伪元素，但兼容性差，且 Firefox/Edge 不支持这些私有伪类，不可靠 - 真正稳定的做法：用
controls="false"+preload="metadata"，再监听timeupdate事件手动更新自定义进度条位置（如果真需要）
如果强行尝试旧版 VLC 插件（IE 或极老浏览器）
这种场景基本只存在于内网老旧系统，且仅限 IE（需启用 ActiveX）。此时通过 vlc.playlist.togglePlaylist() 或 vlc.video.toggleFullscreen() 等接口根本不能控制 UI 元素可见性——插件本身不暴露进度条开关。你唯一能做的只有：
- 在 VLC 启动参数中加
--no-video-title-show或--no-osd，但这不影响 Web Plugin 的控件层 - 用 CSS 强制隐藏插件容器区域的底部 30px（例如
div.vlc-container { overflow: hidden; height: calc(100% - 30px); }），但会切掉按钮甚至画面 - 一旦升级浏览器或系统，整个方案立即失效，不建议投入时间调试
替代方案：用 MSE + dash/hls 实现完全可控播放器
如果你真正需要的是“可编程隐藏/定制进度条”，那应该放弃依赖 VLC 渲染，改用现代流协议：
立即学习“前端免费学习笔记（深入）”；
- VLC 可以转封装输出 HLS（
--sout '#standard{access=http,mux=ts,dst=:8080/stream.m3u8}'），前端用hls.js加载 - 或用 FFmpeg 将视频切片为 DASH（
mpd），配合dash.js - 这两个库都提供完整 API：
player.getDuration()、player.getCurrentTime()、player.seek()，进度条完全由你用 HTML/CSS/JS 控制，无任何黑盒 - 注意：VLC 自带的 HTTP 流不支持跨域（CORS），而 hls.js/dash.js 默认要求 CORS，需在 VLC 后端加响应头或用反向代理透传
真正的难点不在“怎么藏进度条”，而在“谁在负责播放”——VLC 作为服务端只管推流，浏览器才是渲染主体。把控制权交还给 JS，才能真正自由定制 UI。
