全頁視頻HTML5

Question

您好所有我發現了一些文章，你可以做一個整個頁面的背景視頻.. 的理念是：

CSS：

#bg { 
    position: fixed; 
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%; 
} 
#bg video { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%; 
    min-height: 50%; 
    filter: blur(3px); 
    -webkit-filter: blur(3px); 
} 

HTML：

<div id="bg"><video src="video/video.mp4" 
id="bg-video" muted autoplay loop ></video></div> 

我想製作2個部分，第一部分僅包含500px高度的視頻和第二個包括我的內容。但是，當我試圖改變#bg position: fixed;視頻變小，視頻 使我的主機My Example上例如下的內容變得，

Answer 1

如果我得到你的權利，你要對你的視頻ContentWrapper？如果是這樣，請嘗試將此div嵌入您的vediowrapper。我可以看到，vediowrapper在ContentWrapper之前關閉，因此position:relative對它沒有影響，因爲它沒有被包含。