核心结论
网页音视频应优先采用原生 video 和 audio 元素,根据目标浏览器提供可解码的媒体资源、字幕及等价替代内容。autoplay、controls、muted、loop、preload 和 poster 的选择要同时考虑用户意图、网络成本、浏览器策略与可访问性。自定义播放器可以改变界面,但不能丢失原生控件具备的键盘操作、焦点反馈、字幕、音量、进度和全屏等基础能力。
底层机制
容器格式与音视频编码不是同一概念。文件扩展名只能提示容器,浏览器还必须支持容器中的视频编码、音频编码及具体配置。可以使用多个 source 提供候选资源,并通过正确的 type 帮助浏览