如何獲得全屏幕背景視頻英雄？

所以我有一個網站，我正在努力，我希望它加載到一個完整的背景視頻與它的標題。但是，我也希望用戶能夠滾動到頁面的其他全屏部分。我如何得到這個工作。如何獲得全屏幕背景視頻英雄？

的約格是下一節我要打。它應該是（每個部分都是）100％的高度和寬度。從一些網站的外觀來看，你可以通過巧妙的定位來實現這一點。

您是否正在尋找與此類似 - http://www.onextrapixel.com/2013/09/18/onepagescroll-js-creating-an-apples-iphone-5s-website/ – rubo123

@ rubo123是的，但與沒有控制的視頻，像這樣http ：//www.degordian.com/ – user2009202

我用過Syd Lawrence的jquery.videoBG，取得了很好的成績。只需使用this example讓你的英雄div有視頻背景。然後在該div下面寫下你的其餘頁面。

（特別提示：如果你還不知道如何使用「VH」和「大衆」作爲CSS單位你可能想看看他們舉例：.row{height: 100vh;}）

2014-09-17 23:04:34

回答