使用CSS來控制視頻播放器的大小是一個非常簡單的事情,只需使用`width`和`height`屬性即可。
我們可以使用以下代碼來設置視頻寬度和高度:
video { width: 100%; height: auto; }上面的代碼將視頻的寬度設置為100%,這意味著它將填充其容器的寬度。 `height`屬性被設置為`auto`,這意味著它將通過視頻的寬高比來自動計算高度,以確保視頻不會被拉伸或壓縮。 如果你想手動設置視頻的高度,可以將`height`屬性設置為一個確定的值,如以下代碼所示:
video { width: 100%; height: 500px; }上面的代碼將視頻的高度設置為500像素,同時讓它的寬度適應其容器的寬度。 總之,使用CSS控制視頻的大小非常簡單,只需使用`width`和`height`屬性即可。你可以設置寬度為100%,同時設置高度為`auto`,以確保視頻保持其比例,或者將高度設置為確定的值。