Ubuntu系统本身不安装HTML5支持，关键在于浏览器是否启用音视频解码、Canvas、WebGL等能力；Chrome/Edge默认支持，Firefox需安装ubuntu-restricted-extras并配置about:config开关。
Ubuntu 本身不“安装 HTML5 支持”，HTML5 是网页标准，由浏览器实现——关键不是系统装什么包，而是你用的浏览器是否启用并正确支持 HTML5 的音视频解码、Canvas、WebGL 等能力。
Chrome / Edge 浏览器默认已支持 HTML5，但可能禁用硬件解码或缺少编解码器
Ubuntu 自带的 firefox 和通过官方渠道安装的 google-chrome-stable 或 microsoft-edge-stable 均内置 HTML5 支持，但常见问题集中在媒体播放失败（如 YouTube 显示“HTML5 播放器不可用”）：
- YouTube 等网站检测到浏览器缺少
h264或av1解码能力时，会回退到 Flash（已淘汰）或提示错误 - Ubuntu 默认安装的 Firefox 使用
ffmpeg后端，但社区版（firefox包）不含专利编码器（如 H.264），需手动启用或换源 - Chrome/Edge 在 Ubuntu 上默认启用
h264，但若系统缺少libavcodec兼容库，部分本地<video>标签仍无法播放 MP4
解决方法：
sudo apt update sudo apt install ubuntu-restricted-extras
该包包含 libavcodec-extra、gstreamer1.0-libav 等组件，补全 H.264、MP3、AAC 等私有编解码支持。安装过程会弹出协议确认，按 TAB 切换到 <OK> 回车即可。
立即学习“前端免费学习笔记（深入）”；
Firefox 需确认 media.ffv1.enabled 和 media.av1.enabled 等开关已开启
Firefox 对 HTML5 媒体的支持依赖于内部配置项，尤其 AV1（YouTube / Netflix 新默认编码）和 VP9 在某些 Ubuntu 版本中默认关闭：
- 在地址栏输入
about:config，接受风险提示 - 搜索
media.av1.enabled，双击设为true - 搜索
media.vp9.enabled，确保为true（通常默认开启） - 搜索
media.ffmpeg.vaapi.enabled，如使用 Intel/AMD GPU 且已装驱动，可设为true启用硬件加速解码
改完无需重启，刷新网页即可生效。若仍无法播放，检查 about:support 页面中的 “Graphics” 和 “Media” 区域，确认 “AV1 Decoding” 显示 “Available”。
Chromium 用户注意：Ubuntu 官源 chromium-browser 缺少 H.264 支持
Ubuntu 软件仓库提供的 chromium-browser 包为开源构建，移除了所有专利编解码器（包括 H.264 和 AAC），导致多数 HTML5 视频无法播放：
- 访问 https://www.php.cn/link/88290d3a6d7bb6c82dae2dc05bec283a，分数会比 Chrome/Edge 低 20–30 分（主要扣在 Video Codecs）
- YouTube 显示“此浏览器不支持 HTML5 播放器”，自动降级为 DASH + JS 解码（卡顿、耗电）
替代方案只有两个：
- 卸载
chromium-browser，改用官方提供的google-chrome-stable（含完整编解码器） - 或使用 Snap 版 Chromium：
sudo snap install chromium（该版本由 Canonical 维护，已集成ffmpeg闭源插件）
本地开发 HTML5 页面时，别依赖系统 MIME 类型或服务器配置
在本地用 file:// 打开 HTML 文件时，Chrome/Firefox 会禁用部分 API（如 fetch() 读取本地 JSON、WebGL 纹理加载），这不是 HTML5 支持问题，而是安全策略：
-
<video>标签若引用本地 MP4，Firefox 可能报MediaDecodeError；Chrome 可能静音或黑屏——均因缺少 CORS 头或协议限制 - 正确做法是起一个最小 HTTP 服务：
python3 -m http.server 8000，然后访问http://localhost:8000/index.html - 避免用
npm install -g serve等工具，除非你明确需要其缓存或路由功能；基础测试用 Python 内置 server 最干净
真正影响 HTML5 功能的是浏览器本身及其底层媒体栈，不是 Apache/Nginx 配置——除非你在部署线上站点，否则不用碰 mime.types 或 AddType。
最常被忽略的一点：GPU 驱动没装好时，WebGL 和 Canvas 2D 加速会静默降级，页面看起来“能用”，但动画掉帧、视频卡顿。先跑 glxinfo | grep "OpenGL renderer" 确认驱动在工作，再折腾浏览器设置。
