- 视频文件格式
html5支持三种视频文件格式（即编解码器）：.ogg .mp4或.m4v .webm 。 编解码器是使用压缩算法对数据的数字流进行编码和解码，使之更适合播放的计算机程序。在有的浏览器中如果没有正确地设置MIME类型，媒体文件就不会播放。
要获得所有兼容html5浏览器对媒体播放的支持，需要至少提供两种格式的视频：mp4 和 webm。
将以下文本添加到后缀名为.htaccess(或其他)文件中设置MIME类型：
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
AddType audio/ogg .ogg
AddType audio/mp3 .mp3
- 添加单个视频
<video src="" width="" heigth="" autoplay muted controls loop poster preload> </video>
属性介绍：
autoplay -- 自动播放
muted -- 是否静音播放
controls -- 添加浏览器为视频设置的默认控件
poster -- url值，指定视频加载时要显示的图像，（而不显示视频的第一帧）
preload -- 告诉浏览器要加载的视频内容的多少。none---不加载任何值，metadata表示仅加载视频的元数据，auto表示让浏览器决定怎么做。
- 为一个媒体文件指定多个来源，确保获得所有浏览器的支持
通过source元素实现，在videl标签中可以添加多个source元素，用来指定媒体文件的来源
<video controls muted autoplay preload="none" loop>
<source src="mp4filesource.mp4">
<source src="webmfilesource.webm">
<p><a href="">旧浏览器显示p元素中的文本</a></p>
</video>
source元素的属性有：
type:用于指定视频的类型，帮助浏览器决定它是否能够播放该视频
media:用于为视频来源指定css3媒体查询，从而可以为不同屏幕尺寸的设备指定不同的视频播放。
- 音频文件格式
常用的是ogg 和 mp3。
1) 添加单个格式的音频文件
<auto src="" autoplay controls loop muted preload>
2）添加多个格式的音频文件
如同视频文件，使用source元素
<audio>
<source src="" type="" media="">
</audio>
原文地址：https://www.cnblogs.com/lingLongBaby/p/8602473.html