在HTML中,想要設置視頻居中是一件很簡單的事情。下面我們來介紹一下這個具體的過程。
<video controls autoplay width="640" height="360" style="display:block; margin:auto;"> <source src="example.mp4" type="video/mp4"> <p>抱歉,您的瀏覽器不支持HTML5標簽,請升級您的瀏覽器。</p> </video>
上面這段代碼中,我們使用了style屬性來設置視頻的顯示方式,具體有兩個內容:
1. display: block; 這個屬性用來將視頻顯示為塊級元素,也就是占據一整行;
2. margin: auto; 這個屬性用來設置邊距,通過將豎直方向和水平方向的邊距都設置為自動,實現了視頻的居中顯示。
需要注意的是,這個方式只適用于設置了width和height屬性的視頻,如果沒有設置這兩個屬性,就需要使用其他的方式來實現視頻的居中顯示。