AAC
√
×
疑问？
除了上面三款浏览器，还有 Safari5+支持 MPEG-4,Opera11 支持 WebM 和 OGG，通过这组数据，只要备好 MP4 和 OGG 格式的即可，但对于新的高清标准 WebM，当然是非常必要的。因为 WebM 不但清晰度高，而且免费，不受限制许可的使用源码和专利权。
目前 Chrome 浏览器，为了推广 WebM 格式的视频。声称未来将放弃 H.264 编码的视频，所以有可能在以后的版本中无法播放 MP4 的视频。当然，目前演示的版本还是支持的。
二． video 视频元素
以往的视频播放，需要借助 Flash 插件才可以实现。但 Flash 插件的不稳定性经常让浏览器导致崩溃，因此很多浏览器或系统厂商开始抛弃它。而取代它的正是 HTML5 的 video 元素。
元素的属性
属性名称
说明
src
视频资源的 URL
width
视频宽度
height
视频高度
autoplay
设置后，表示立刻开始播放视频
preload
设置后，表示预先载入视频
controls
设置后，表示显示播放控件
loop
设置后，表示反复播放视频
muted
设置后，表示视频处于静音状态
poster
指定视频数据载入时显示的图片
1. 嵌入一个 WebM 视频
解释： 插入一个视频，主流的视频为.webm，.mp4，.ogg 等。src 表示资源
URL；width 表示宽度；height 表示高度。
2. 附加一些属性
解释：autoplay 表示自动开始播放；controls 表示显示播放控件；loop 表示循环播放；muted 表示静音。
3. 预加载设置
解释：preload 属性有三个值：none 表示播放器什么都不加载；metadata 表示播放之前只能加载元数据（宽高、第一帧画面等信息）；auto 表示请求浏览器尽快下载整个视频。
4. 使用预览图
解释：poster 属性表示在视频的第一帧，做一张预览图。
5. 兼容多个浏览器
这里引入 flash 播放器实现 IE9 以下，但没必要了
解释：通过 元素引入多种格式的视频，让更多的浏览器保持兼容。
二． audio 音频元素
和 video 元素一样，audio 元素用于嵌入音频内容，而音频元素的属性和视频元素类似。音频的支持度和视频类似，使用 元素引入多种格式兼容即可。主流的音频格式有：.mp3，.m4a，.ogg，.wav。
属性名称
说明
src
视频资源的 URL
autoplay
设置后，表示立刻开始播放视频
preload
设置后，表示预先载入视频
controls
设置后，表示显示播放控件
1. 嵌入一个音频
解释：和嵌入视频一个道理。
2. 兼容多个浏览器
解释：略。
PS：更多设计到 API 的 JavaScript 控制，将在以后的基于 JavaScript 基础后讲解。
查看更多关于第9章音频和视频_html/css_WEB-ITnose的详细内容...