How to create a full screen video header with auto centered content.
Cool video headers
Build an clean fullscreen video header that scales with the browser and maintains the ability to alle the page to be scrolled.
You will need:
A blank Muse site (just use the presets for the desktop)
The Cover Video widget Installed
There are some excellent examples of fullscreen video sites out there I like Vimeo's use of background video.
So how do we go about producing a design that has a fullscreen video header that scales to fit the full height and width of the browser? One that also allows for always centered header content, that still allows for scrolling.
Well? You use our new cover video widget.
Watch the video and see just how easy a 123muse widget makes this complicated task. Our new cover scroll enabled video player gives you everything you need to create beautiful video header pages.
This latest version of our popular video products adds the ability to have centered content that maintains its position dead center on top of the background video and is fully editable Muse content.
In addition to center focused content, the new widget makes it possible to show sticky elements at the base of the browser window that maintain their position even when the viewer resizes their browser.
These elements fade away when the user scrolls down the page. The widget is device compatible (shows poster image instead of video on devices), responsive and super easy to setup.
This amazing new widget makes a complicated task effortless.