video標簽是不會自動鋪滿整個div的，即便是給它設置了高度為100%；所以當需要video標簽鋪滿整個div時，可以給video標簽加上‘object-fit:fill’樣式，這樣就可以解決了！

<div class="videoContent"><video class="videoElement" controls preload="auto" width="100%" height="100%"></video> </div> .videoContent{background-color: rgb(40, 46, 83);width: 600px;height: 420px; } .videoElement{object-fit: fill; }

• object-fit 屬性指定元素的內容應該如何去適應指定容器的高度與寬度。
• object-fit 一般用于 img 和 video 標簽，一般可以對這些元素進行保留原始比例的剪切、縮放或者直接進行拉伸等。
• fill: 默認，不保證保持原有的比例，內容拉伸填充整個內容容器。

總結

以上是生活随笔為你收集整理的video标签样式铺满全屏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。