CSS (Cascading Style Sheets) 是一種用于為網頁添加樣式和布局的語言，它可以幫助我們改變 HTML 元素的外觀。

在這篇文章中，我們將探討如何修改 video 元素的樣式。video 元素是用于嵌入視頻的 HTML 元素，可以通過 CSS 修改其外觀。

video {
width: 100%;
max-width: 500px;
height: auto;
}
video::cue {
color: white;
background-color: black;
font-size: 18px;
font-family: sans-serif;
}

上述代碼展示了如何對 video 元素的樣式進行修改:

• 首先，我們給 video 添加了一個寬度屬性，將其寬度設置為 100%，這樣 video 就可以占據父容器的整個寬度。
• 我們還添加了一個最大寬度屬性，將其限制在 500 像素，以防止視頻撐破頁面。
• 接下來，我們將高度設置為自適應，以便視頻可以根據寬度自動調整高度。
• 最后，我們使用偽元素 ::cue 修改了字幕的樣式。在這個例子中，我們將字幕的顏色設置為白色，背景色設置為黑色，字體大小設置為 18 像素，字體家族設置為 sans-serif。

通過這些 CSS 樣式，我們可以輕松地修改 video 元素的樣式，并將其嵌入到網站中，使網站更加豐富和多樣化。