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