CSS可以輕松設(shè)置視頻的寬度和高度,讓視頻可以在網(wǎng)頁(yè)中更美觀地展示。
/* 設(shè)置視頻寬度 */ video { width: 100%; }
上述代碼將視頻的寬度設(shè)置為100%,即占據(jù)整個(gè)父元素的寬度。
/* 設(shè)置視頻高度 */ video { height: 360px; }
上述代碼將視頻的高度設(shè)置為360像素,可以根據(jù)自己的需求進(jìn)行調(diào)整。
/* 同時(shí)設(shè)置視頻寬度和高度 */ video { width: 100%; height: 360px; }
上述代碼將同時(shí)設(shè)置視頻的寬度和高度,視頻的寬度將填充整個(gè)父元素,高度將被設(shè)置為360像素。
除了使用CSS設(shè)置視頻尺寸外,也可以使用HTML的width和height屬性進(jìn)行設(shè)置:
<video src="example.mp4" width="640" height="360"></video>
上述代碼將視頻的寬度設(shè)置為640像素,高度設(shè)置為360像素。
總之,通過(guò)CSS或HTML設(shè)置視頻的寬度和高度,可以讓網(wǎng)頁(yè)中的視頻更加美觀、合適。