核心知识
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。