80. 模块九回顾与测验

知识回顾

模块九我们学习了 HTML5 的多媒体相关标签。下面是核心要点：

audio 标签

• <audio controls> 显示音频播放器
• 用 <source> 提供多个源文件做兼容
• autoplay 在现代浏览器中需要配合 muted 才能生效
• 可以用 JavaScript 的 play()、pause() 控制

video 标签

• <video controls poster="cover.jpg"> 显示带封面的视频播放器
• MP4 + WebM 两种格式覆盖所有现代浏览器
• poster 设置加载前的封面图
• requestFullscreen() 触发全屏

source 标签

• 为 <audio> 和 <video> 提供多个资源文件
• type 属性帮助浏览器快速判断格式
• media 属性支持媒体查询

track 标签

• 为视频添加字幕、章节等文本轨道
• 字幕文件用 WebVTT 格式（.vtt）
• kind 属性区分 subtitles、captions、chapters 等类型

embed 与 object

• <embed> 是自闭合标签，嵌入外部内容
• <object> 支持兜底内容和 <param> 传参
• Flash 已退出历史舞台，现代开发优先用原生标签

iframe

• 在页面中嵌入其他网页
• sandbox 属性限制嵌入页面的权限
• loading="lazy" 实现懒加载
• srcdoc 可以直接写 HTML 内容

测验

1. 哪个属性可以让视频在加载前显示封面图？

A. cover B. poster C. thumbnail D. preview

答案：B

poster 属性指定视频加载前显示的图片。

2. 关于 autoplay，以下说法正确的是？

A. 所有浏览器都支持音频自动播放 B. 视频自动播放必须配合 muted 属性 C. autoplay 没有任何限制 D. 只有 Safari 支持自动播放

答案：B

现代浏览器要求自动播放的视频必须静音。

3. sandbox 属性的作用是？

A. 让 iframe 自适应高度 B. 限制嵌入页面的权限 C. 加快 iframe 加载速度 D. 设置 iframe 背景色

答案：B

sandbox 是 iframe 最重要的安全机制，限制嵌入页面的脚本执行、表单提交等行为。

4. 字幕文件使用什么格式？

A. .srt B. .ass C. .vtt D. .sub

答案：C

WebVTT（.vtt）是网页视频字幕的标准格式。

5. 以下哪个标签可以单独使用，不需要写在 audio 或 video 内部？

A. <source> B. <track> C. <iframe> D. 以上都需要配合其他标签

答案：C

<iframe> 是独立标签，<source> 和 <track> 必须写在 <audio> 或 <video> 内部。

下一章预告

模块十我们将进入图形世界，学习 Canvas 和 SVG。这两个技术能让你在网页上绘制各种图形、制作动画。