清華大佬耗費三個月吐血整理的幾百G的資源，免費分享！....>>>
響應式 Web 設計 - 視頻(Video)
使用 width 屬性
如果 width 屬性設置為 100%，視頻播放器會根據屏幕大小自動調整比例：
實例
video {
width: 100%;
height: auto;
}
width: 100%;
height: auto;
}
注意在以上實例中，視頻播放器根據屏幕大小自動調整比例，且可以比原始尺寸大。更多情況下我們可以使用 max-width 屬性來替代。
使用 max-width 屬性
如果 max-width 屬性設置為 100%, 視頻播放器會根據屏幕自動調整比例，但不會超過其原始大小：
實例
video {
max-width: 100%;
height: auto;
}
max-width: 100%;
height: auto;
}
在網頁中添加視頻
我們可以在網頁中添加視頻。以下實例視頻根據 div 區域大小自動調整并占滿整個 div 區域：
實例
video {
width: 100%;
height: auto;
}
width: 100%;
height: auto;
}
掃碼二維碼 獲取免費視頻學習資料
