我在這里用視頻做為網頁背景，給視頻設了100%寬高，在firebug也顯示video的寬高和頁面是一樣的，但是效果卻沒出來，視頻沒有鋪滿屏幕。下面是我的代碼(原代碼，錯誤的)

*{margin: 0;padding: 0}

html,body{width: 100%;height: 100%}

video{

width: 100%;height: 100%;

}

src="public/webm/v_002.webm">

出現這個問題的原因是在頁面自適應過程中縮放比例沒處理好

解決方法就是在CSS樣式中加上“object-fit:fill” 樣式

關于這個屬性呢，我發現有兩篇文章介紹的很好，我在這里把鏈接貼出來，一看就懂：

https://www.w3cplus.com/css3/css3-object-fit-and-object-position-properties.html

https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit

---------------------

作者：做一個有知識的流氓

原文：https://blog.csdn.net/qq_36370731/article/details/78907284

總結

以上是生活随笔為你收集整理的img 在video上面_HTML,img,video无法铺满屏幕解决方法，同视频做网页背景无法全屏的解决方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

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