響應式網頁設計 - 影片

使用 width 屬性

如果將 `width` 屬性設定為 100%，影片播放器將是響應式的，可以進行縮放。

請注意，在上面的示例中，影片播放器可以放大到大於其原始尺寸。在許多情況下，更好的解決方案是改用 `max-width` 屬性。

使用 max-width 屬性

如果將 `max-width` 屬性設定為 100%，影片播放器在需要時會縮小，但永遠不會放大到大於其原始尺寸。

將影片新增到示例網頁

我們想在示例網頁中新增一個影片。影片將自動調整大小以始終佔據所有可用空間。