核心知识
从插件到原生媒体
HTML5 的 audio 和 video 让浏览器直接提供播放能力和标准控制。
示例代码
<video controls src="demo/huangmei-opera.mp4">浏览器不支持video。</video>
- 不再依赖 Flash 等旧插件
- 浏览器解码能力和格式支持仍有差异
- 在媒体元素外提供摘要或备用链接,覆盖资源加载失败
播放器由谁提供?
过去,网页常借助 Flash 等插件播放媒体;现在,浏览器可以直接识别 audio、video 元素并提供播放能力。
左侧代码中的 controls 让浏览器显示自带控件,不需要额外安装播放插件。
“原生支持”不等于支持所有文件:文件采用的编码仍需浏览器能够解码。