The Alliance for Networking Visual Culture
Blog

Give your Scalar Book a Little More Action! Using Videos in Splash and Image Header Layouts.

 

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!

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.

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.

Adding videos to the layouts below is as easy as adding images. Once you have the MP4 video in your media library, simply choose “Key Image” under the “Styling” options in Scalar’s page editor and find it there. Then select the appropriate layout under “Layout.”

Splash Layout. 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.

Book Splash Layout. In the Book Splash layout, the page’s key image or video is shown full screen, with the book’s title and author(s) at the bottom. If the page is part of a path or is itself a path, a navigation button is shown as well.

Image Header Layout. In the Image Header layout, the page’s key image or video is shown as a header, with the title and description of the page overlaid. The rest of the page follows the Basic layout, with text and media interspersed.

Comments Off on Give your Scalar Book a Little More Action! Using Videos in Splash and Image Header Layouts.

Comments are closed.