文章给大家分享一个html5直接在网页上播放视频兼容所有浏览器，有需要的同学可参考。
HTML5可以用video标签来播放视频
当前，video 元素支持三种视频格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg
文件
MPEG4 = 带有 H.264 视频编码和 AAC
音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
![[转载]html5直接在网页上播放视频音频兼容所有浏览器](/default/index/img?u=aHR0cDovL2NvbW1vbi5jbmJsb2dzLmNvbS9pbWFnZXMvY29weWNvZGUuZ2lm "[转载]html5直接在网页上播放视频音频兼容所有浏览器")
列：
<video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4">Your browser does not support the video tag. </video>
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式!
这样就确保了兼容所有浏览器
音频也是一样有一个audio标签
当前，audio
元素支持三种音频格式：
| IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
|---|---|---|---|---|
| Ogg Vorbis | √ | √ | √ | |
| MP3 | √ | √ | √ | |
| Wav | √ | √ | √ |
<audio controls="controls"> <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg">Your browser does not support the audio tag. </audio>