13、HTML5 视频、音频与 CSS 样式应用全解析

HTML5 视频、音频与 CSS 样式应用全解析

一、HTML5 视频和音频

1.1 HTML5 概述

如今，HTML5 是网络技术领域的热门话题。它是 HTML 的新版本，具备许多之前版本所没有的强大功能，其中最重要的就是 <video> 和 <audio> 标签，它们能让媒体内容轻松嵌入网页。

1.2 浏览器支持情况

虽然 HTML5 的新功能令人兴奋，但浏览器对其的支持仍在不断完善中。不同浏览器对 HTML5 的支持程度各异：
- Safari 4 及更高版本、Firefox 3.5 及更高版本和 Google Chrome 对 HTML5 有较强的支持。
- Internet Explorer 6、7 和 8 不支持 HTML5，这在短期内限制了 HTML5 的实用性。不过，Internet Explorer 9 已宣布支持 <video> 和 <audio> 元素，为未来 HTML5 媒体的广泛支持铺平了道路。

1.3 使用 <video> 标签

在 HTML5 出现之前，向网页添加视频内容通常需要添加复杂的代码片段来嵌入 Flash 媒体，示例代码如下：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="