![\"\"](\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/12\/video_splash_blog_post_header.png\")
<\/p>\n<\/p>\n
<\/p>\n
Ever wanted to have a clip from a feature film play in the background of a splash page in your Scalar book? Or have animation in the header of a page? Now you can!<\/p>\n
![\"\"](\"https:\/\/scalar.me\/anvc\/wp-content\/uploads\/2017\/12\/bionic_woman_2.gif\")
<\/p>\n<\/div>\n
Adding a full-screen film clip to the background of your landing page or to the headers of select pages can add visual action to your project and, in general, enrich the multimedia experience of your work. But up till now, users employing our Splash, Book Splash, and Image Header layouts (see below) were limited to still images. Now, each of these layouts also support videos with an MP4 file format.<\/p>\n
Videos added to these layouts will autoplay on a loop in the background without audio and without user controls. And as always, this new Scalar feature is fully mobile responsive.<\/p>\n
Adding videos to the layouts below is as easy as adding images. Once you have the MP4 video in your media library, simply choose \u201cKey Image\u201d under the \u201cStyling\u201d options in Scalar\u2019s page editor and find it there. Then select the appropriate layout under \u201cLayout.\u201d<\/p>\n
Splash Layout<\/a>. In the Splash layout, the page’s key image or video is shown full screen, with the page’s title at the bottom. If the page is part of a path or is itself a path, a navigation button is shown as well.<\/p>\n