RWD 视频

---

使用 width 属性

如果 width 属性设置为100％，则视频播放器将响应并放大和缩小:

实例

video {
  width: 100%;
  height: auto;
} 亲自试一试 »

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

---

使用 max-width 属性

如果将 max-width 属性设置为 100％，则视频播放器将按比例缩小，但绝不会放大到大于其原始尺寸:

实例

video {
  max-width: 100%;
  height: auto;
} 亲自试一试 »

---

在实例网页中添加视频

我们希望在实例网页中添加视频。视频将被调整大小以便始终占据所有可用空间:

实例

video {
  width: 100%;
  height: auto;
} 亲自试一试 »