如何製作半頁的全屏html背景視頻？

如何製作半頁的html背景視頻？如何製作半頁的全屏html背景視頻？

.video { 
    position: fixed; no-repeat; 
    top: 50%; left: 50%; 
    z-index:-1000; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    transform: translate(-50%, -50%); 
}

我使用此代碼的完整背景視頻，但我只想要標題部分。

來源

2017-04-13 Monica T

問題尋求幫助調試（「爲什麼不，或者如何讓這段代碼的工作？」）必須包括所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – LGSon

嘗試將高度值更改爲50％和刪除頂部：50％：

{ 
position: fixed; no-repeat; 
left: 50%; 
z-index:-1000; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: 50%; 
transform: translate(-50%, -50%); 
}

來源

2017-04-13 20:40:05

該視頻出現在該部分的標題和結尾處。有關如何從截面區域刪除視頻的任何想法？ –

你能告訴你html代碼以便更好地理解嗎？ –

請添加一些標記代碼或者一個小提琴/ plnkr？ –

如何製作半頁的全屏html背景視頻？

回答

相關問題