前端Vedio設置寬高比

給video包一層div

  <div>
    <video/>
  </div>

設置外層div與vedio的屬性

  <div width="你想設置的寬度" height="你想設置的高度">
    <video width = '100%' height = '100%'  object-fit = 'cover'/>
  </div>

同時講下object-fit的其他屬性

contain 被替換的內容內容會縮放，在填充的內容區域內保持默認的寬高比。

cover被替換的內容保持寬高比填充內容框。如果寬高比不一致，會顯示裁剪區域。

fill 拉伸填充

none被替換內容保持默認尺寸

scale-down 為none或contain中對象尺寸最小的一個

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容