在進行項目時，我們會經常使用video標簽，對于剛入前端不就的小白來說會遇到各種各樣的問題，今天文匯軟件就來和大家總結一下。
首先我們先要了解video標簽的瀏覽器支持情況：IE 9+、Firefox、Opera、Chrome 和 Safari 都支持
另外還有一點 我們要了解video標簽所支持的格式 通常有ogg、mp4、webm。
而且一般video標簽在使用時需要至少需要ogg(兼容火狐瀏覽器)和mp4(兼容Safari 瀏覽器)
另外video標簽還有很多自身特有的屬性 如寬度width高度height 控件control還有是否自動播放autoplay;另外有些時候會出現一些問題，例如視頻播放的界面與父級的寬度有所差異，如下圖所示
這是就需要一個css屬性 object-fit: fill；就是指定替換元素的內容應該如何適應到其使用的高度和寬度確定的框。fill就是占滿整個父級元素空間的意思；加上這個屬性后視頻就能像我們想象的那樣在界面中播放了。
上一篇： 在前端制作中，cms的使用方法
