HTML 中的 controls 属性会为视频元素添加一个控制面板，包含播放/暂停按钮、进度条和音量控件。主要用于提供用户友好的视频播放体验，但可在某些情况下，如嵌入式视频或自动播放视频时不适合使用。
HTML 视频中的 controls 属性
controls 属性为 HTML 视频元素添加一个控制面板，包括播放/暂停按钮、进度条和音量控件。
使用方法：
详解：
立即学习“前端免费学习笔记（深入）”；
Adobe 官方Flash动画优化指南 pdf版
下载
来自Adobe官方的Flash动画优化指南教程，包括以下的内容： • 如何节省内存 • 如何最大程度减小 CPU 使用量 • 如何提高 ActionScript 3.0 性能 • 加快呈现速度 • 优化网络交互 • 使用音频和视频 • 优化 SQL 数据库性能 • 基准测试和部署应用程序 …&hel
-
添加控制面板：
controls属性会在视频元素上添加一个控制面板，其中包含以下控件：- 播放/暂停按钮
- 进度条
- 时间显示
- 音量控件
- 全屏切换按钮（如果浏览器支持）
-
默认开启：
controls属性默认值为true，这意味着除非明确指定controls="false"，否则所有视频元素都会显示控制面板。 - 自定义控制面板：可以通过使用 JavaScript API 访问和修改控制面板的元素。
何时使用：
在大多数情况下，建议使用 controls 属性，因为它提供了用户友好的视频播放体验。但是，在以下情况下可能不适合使用它：
- 嵌入式视频： 在嵌入其他网站的视频时，可能不希望显示控制面板。
- 自动播放视频： 自动播放视频时，控制面板可能会分散注意力。
- 空间受限： 在空间受限的环境中，如移动设备，控制面板可能会占用宝贵的屏幕空间。
