7、HTML5 音频与视频元素及 CSS3 样式应用

HTML5 音频与视频元素及 CSS3 样式应用

1. HTML5 音频与视频元素

在 HTML5 中， <video> 和 <audio> 元素为网页带来了丰富的多媒体体验。下面通过表格展示不同浏览器对音频和视频元素部分功能的支持情况：
| 功能 | Firefox | Safari | Chrome | Opera | IE |
| — | — | — | — | — | — |
| 跳转到开始/结束 | - | - | - | - | - |
| 30 秒快退 | - | - | - | - | - |
| 显示/隐藏控件 | - | - | - | - | - |
| 全屏显示 | - | - | - | - | - |
| 查看视频 | - | - | - | - | - |
| 复制视频位置 | - | - | - | - | - |
| 另存为视频 | - | - | - | - | - |
| 发送视频 | - | - | - | - | - |

在使用这些元素时，要了解不同浏览器的行为差异，以便采取适当的应对措施。同时，有一些开源工具可用于编码所需的视频和音频格式，并将它们发布到 Web 服务器。对于 HTML5 媒体，常见的网络协议有 HTTP 和自适应 HTTP 流。

2. CSS3 样式概述

现代网站倾向于使用级联样式表（CSS）进行样式设置，而非在 HTML 页面中使用内联样式。CSS 实现了文本内容与呈现方式（包括布局、颜色和字体）的分离，这使得多