Hey guys, I just came across a website that is strikingly similar to grav in many elements, but they have implemented some html5 to create a video background image. Here’s the site http://gearpatrol.com/
What would the steps be to make something like this happen in grav, or is it not doable at this time?
There’s really not much to doing this in Grav. They are just using video.js to render the appropriate HTML5 video tag and fallbacks. Then it’s just a matter of CSS to style it so that its a full size background.
There are lots of articles on doing just this:
- http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video
- http://dfcb.github.io/BigVideo.js/
- http://www.queness.com/post/12454/everything-you-need-to-create-full-screen-video-and-image-website
Really this is something done in the theme, Grav has no limitations on doing this kind of thing.