第 6 课 3 / 18 | 编码:L06-06
核心知识

从插件到原生媒体

HTML5 的 audio 和 video 让浏览器直接提供播放能力和标准控制。

示例代码

<video controls src="demo/huangmei-opera.mp4">浏览器不支持video。</video>
  • 不再依赖 Flash 等旧插件
  • 浏览器解码能力和格式支持仍有差异
  • 在媒体元素外提供摘要或备用链接,覆盖资源加载失败

播放器由谁提供?

过去,网页常借助 Flash 等插件播放媒体;现在,浏览器可以直接识别 audio、video 元素并提供播放能力。

左侧代码中的 controls 让浏览器显示自带控件,不需要额外安装播放插件。

“原生支持”不等于支持所有文件:文件采用的编码仍需浏览器能够解码。