第 6 课 5 / 18 | 编码:L06-08
核心知识

source 与媒体格式

同一段视频可以准备不同格式的文件。当目标浏览器对格式或编码的支持不同时,用多个 source 提供备选资源。

  • source 指定一个备选资源;src 是文件路径,type 声明资源类型。
  • MP4 与 WebM 是两种媒体容器格式,同一段视频可以分别保存为这两种格式。
  • 多个 source 放在同一个 video 内;此时不再给 video 设置 src。

同一段视频,提供两个备选文件

<video controls>
  <source src="demo/huangmei-opera.mp4" type="video/mp4">
  <source src="demo/huangmei-opera.webm" type="video/webm">
</video>

这是多格式写法示例:当前素材中只有 MP4。第二行 WebM 路径表示需要另行准备的文件,并非已经存在。

拓展:把 .mp4 改名为 .webm 可以吗?

不可以。改名不会改变文件内部格式,应使用媒体处理工具生成真正的对应格式文件。如果现有 MP4 已满足使用环境,就不必额外准备 WebM。