在使用video標籤的時候，很多時候我們並不想去使用預設的16：9的顯示比列，而自定義的寬和高顯示出來後，又總是被預設比列所影響，那麼如何解決呢？
其實想要video能自動填充慢父div的大小，只要給video標籤加上
style="width= 100%; height=100%; object-fit: fill"
即可。這是我同事本來的**：無論寬高如何變化，video標籤總是會受到固定比例額影響，而不能達到預期效果！
1.object-fit語法
object-fit屬性的語法非常的簡單：
object-fit:fill | contain | cover | none | scale-downobject-fit主要適合於替換元素，比如：、、contain：替換元素內容大小保持長寬比例填充元素內容容器，其具體物件大小被解析為乙個包含元素的寬度和高度。也就是說，如果你在替換元素上設定乙個明確的高度和寬度，此值將導致內容大小，完全在固定的比例顯示，但仍在元素尺寸內顯示。
cover：替換元素內容大小保持長寬比例填充元素內容容器，其具體物件大小被解析為覆蓋整個元素的寬度和高度。也就是說，替換元素內容大小保持長寬比，但改變寬度和高度，以便完全覆蓋內容元素。
none：替換元素內容不調整大小以適應內部元素的容器，內容完全忽略設定在元素上的任何高度和權重，並且仍在元素尺寸內顯示。
scale-down：當內容大小設定了non或contain，將導致具體物件變得更小。
Video標籤的基本使用
video 是html5新增的方法，關於其他的相信大家也很清楚了！好了廢話不多說 以下是我遇到的一些的方法 以下是一些屬性 volume 音量的大小 html box video left movies movie01.mp4 video 下面的控制器 controls play fa fa pla...
embed標籤和video的使用
屬性 值 描述 autoplay 屬性 autoplay autoplay controls 屬性 controls controls height 屬性 height pixels loop 屬性 loop loop muted 屬性 muted muted poster 屬性 poster ur...
video標籤寬高那些事兒
今天開發小哥哥找我調樣式，一看，video，心裡有點慌啊，之前沒有接觸video標籤，小哥哥說給video設定了和左邊一樣的高度，但就是比矮一截，好吧，調了兩下高度，調不動，哎呀回去研究一下吧，然後就回來自己測試了一下。以下內容摘抄自w3school中對video標籤的介紹 提示 可以在開始標籤和結...