視頻(Video)

使用 width 屬性

如果 width 屬性設(shè)置為 100%，視頻播放器會(huì)根據(jù)屏幕大小自動(dòng)調(diào)整比例：

video {
??? width: 100%;
??? height: auto;
}

注意在以上實(shí)例中，視頻播放器根據(jù)屏幕大小自動(dòng)調(diào)整比例，且可以比原始尺寸大。更多情況下我們可以使用 max-width 屬性來(lái)替代。

如果 max-width 屬性設(shè)置為 100%, 視頻播放器會(huì)根據(jù)屏幕自動(dòng)調(diào)整比例，但不會(huì)超過(guò)其原始大?。?/p>

video {
??? max-width: 100%;
??? height: auto;
}

我們可以在網(wǎng)頁(yè)中添加視頻。以下實(shí)例視頻根據(jù) div 區(qū)域大小自動(dòng)調(diào)整并占滿整個(gè) div 區(qū)域：

video {
??? width: 100%;
??? height: auto;
}