ubuntu中firefox/chrome html5视频黑屏或报错，需安装ubuntu-restricted-extras、补全Gstreamer组件、启用ffmpeg/FFVPX/AV1解码器、切换Chromium验证，或开启DRM支持。
如果您在 Ubuntu 系统中使用 Firefox 或 Chrome 浏览器访问 html5 视频网站（如 Bilibili、youtube）时出现黑屏、无声音或提示“不支持该格式”，则很可能是系统缺少必要的多媒体编解码器。以下是多种可独立生效的开启 HTML5 播放能力的方法：
一、安装 ubuntu-restricted-extras 全量包
该软件包包含 H.264、MP3、AAC 等专利受限但广泛使用的多媒体解码组件，是 Firefox 在 Ubuntu 上启用 HTML5 视频播放的基础依赖。
1、打开终端（Ctrl+Alt+T）。
2、输入命令：sudo apt-get install ubuntu-restricted-extras 并回车。
立即学习“前端免费学习笔记（深入）”；
3、安装过程中弹出对话框时，按 Tab 键切换焦点至【确定】按钮，回车确认；遇到 ttf-mscorefonts-installer 提示时，选【是】并回车。
4、安装完成后，关闭所有 Firefox 窗口，再重新启动浏览器。
二、手动补全 GStreamer 多媒体后端组件
Ubuntu 20.04 及更新版本中，Firefox 使用 GStreamer 框架进行 HTML5 媒体解码。若仅安装 ubuntu-restricted-extras 仍无效，需显式安装完整插件链。
1、在终端中执行更新索引：sudo apt update。
2、依次安装核心组件：sudo apt install ffmpeg gstreamer1.0-libav gstreamer1.0-plugins-good gstreamer1.0-plugins-bad gstreamer1.0-plugins-ugly。
3、安装完毕后，重启 Firefox 浏览器，并在地址栏输入 about:config，搜索 media.gstreamer.enabled，确认其值为 true。
三、启用 Firefox 内置 HTML5 解码器（无需插件）
Firefox 自带基于 FFmpeg 的软解能力，但默认可能被禁用。通过配置项可强制启用更广泛的格式支持。
1、在 Firefox 地址栏输入 about:config，点击“接受风险并继续”。
2、在搜索栏输入 media.ffmpeg.enabled，双击将其设为 true。
3、再搜索 media.ffvpx.enabled，同样设为 true。
4、最后搜索 media.av1.enabled，确保为 true（用于 AV1 格式视频）。
5、完全关闭并重新打开 Firefox，使配置生效。
四、切换至 Chromium 浏览器验证原生支持
Chromium（Ubuntu 官方仓库中的 chrome-browser 包）默认捆绑了闭源编解码器和 Widevine CDM，对 HTML5 视频兼容性更强，可作为快速验证与替代方案。
1、终端中运行：sudo apt install chromium-browser。
2、启动 Chromium，访问 https://html5test.com 查看 HTML5 支持得分，重点关注“Video”和“Audio”部分是否显示绿色勾选。
3、测试常见站点如 https://www.bilibili.com，右键视频区域，确认上下文菜单中出现“使用 HTML5 播放器”选项且已激活。
五、检查并启用 Firefox 的 DRM 内容支持
部分 HTML5 视频（如 netflix、腾讯视频会员内容）需 Widevine 模块解密，该模块默认未启用，需用户手动授权。
1、在 Firefox 中打开 about:preferences#privacy。
2、向下滚动至“权限”区域，找到“数字版权管理（DRM）内容”选项，勾选“允许网站安装 DRM 组件”。
3、访问任意含 DRM 的 HTML5 视频页（如 YouTube 会员内容），首次播放时将自动下载并启用 Widevine 模块。
4、可在 about:addons → “插件”标签页中确认 Widevine Content Decryption Module 状态为“始终激活”。