响应式网页设计 - 视频

使用 width 属性

如果将 `width` 属性设置为 100%，视频播放器将是响应式的，可以进行缩放。

请注意，在上面的示例中，视频播放器可以放大到大于其原始尺寸。在许多情况下，更好的解决方案是改用 `max-width` 属性。

使用 max-width 属性

如果将 `max-width` 属性设置为 100%，视频播放器在需要时会缩小，但永远不会放大到大于其原始尺寸。

将视频添加到示例网页

我们想在示例网页中添加一个视频。视频将自动调整大小以始终占据所有可用空间。