本文探讨了HTML5在嵌入音视频时遇到的浏览器兼容性问题。通过表1展示了各浏览器对ogg、mpeg4、webm、mp3、wav等格式的支持情况。为确保所有浏览器能正常播放，建议提供多个格式的音视频文件。在HTML5中，使用source标签结合src和type属性，为video或audio标签提供备用文件源，以实现跨浏览器的兼容播放。特别提醒，Safari和Opera浏览器在特定情况下需要页面部署于web服务器才能支持某些格式。
虽然HTML5支持ogg、mpeg4和webm的视频格式以及ogg、mp3和wav的音频格式，但并不是所有的浏览器都支持这些格式，因此我们在嵌入视频音频文件格式时，就要考虑浏览器的兼容性问题。表1列举了各浏览器对音、视频文件格式的兼容情况。
表1 浏览器支持的视频音频格式
从表1我们可以看出，除了mpeg4和mp3格式外，各浏览器都会有一些不兼容的音频格式。为了保证不同格式的视频、音频能够在各个浏览器中正常播放，我们往往需要提供多种格式的音视频文件共浏览器选择。
在HTML5中，运用source标签可以为video标签或audio标签提供多个备用文件。运用source标签添加音频的基本语法格式如下：
<audio controls="controls">
<source src="音频文件地址" type="媒体文件类型/格式"
860
1662
2486
2428
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
