vodkabears / Vide

No longer actively maintained.

Home Page:http://vodkabears.github.io/vide/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Full webpage height background video

srikat opened this issue · comments

Is it possible to get the Vide video background to automatically stretch to the entire height of webpage and not just the height of visible viewport?

See this codepen for a demo of the problem: http://codepen.io/srikat/pen/YWzbMy

A better solution, I think is to make the video background fixed.

I was able to get this by adding a new custom div above .site-container and targeting it vs using an already existing element (.site-container). In CSS I then set it's position to fixed and a negative z-index, so the content appears on top.

Here's the working page if anyone's interested: http://dev-vide.pantheonsite.io/video-landing-page/