Expand Video to Fill Window

Expand Video to Fill Window

Sometimes, you may want to have a video expand to fill the enter length of the website. This is quite simple and can be done easily! To do this:

1. Select the Content tab in the gray navigation bar, and click on the Page you would like to add the video to.

2. Add a Video Block or Video Gallery block to the very top of the page and add the video embed code of the video you want to appear in the block. To get/add the embed codes for videos, refer to this article.

3. Once you have the video information loaded, click on the blue Design this page button to now style and design the video content.

Screen_Shot_2019-01-09_at_3.09.46_PM.png

4. Click on the Page tab on the right-hand menu panel, and click on Video Gallery. 

Screen_Shot_2019-01-09_at_3.12.24_PM.png

5. Scroll down the right-hand menu until you see Container and tick the box next to Expand content to container edges. This takes the image to each side of the webpage (if you have a Wrapper set on your template, it will take the image to the end of the wrapper).

Screen_Shot_2019-01-09_at_3.18.15_PM.png

6. Click Save and Publish to take your changes live!


    • Related Articles

    • Add a Video Gallery to Your Website

      Video Galleries grant you the option to add multiple videos on one page, in a pleasing manner. You can add a Video Gallery block using the steps below. Select CONTENT at the top of the page. From the Content panel, select the Page where you'd like to ...

    • Vimeo Video Thumbnails Not Working

      If you have uploaded videos from Vimeo into a Video Gallery block and the thumbnails are displaying a "rainbow" of vertical lines (see screenshot below), it means that your Vimeo account has updated its API connection. When this connection is ...

    • Video Integrations/Add video to your website

      You can embed YouTube, Vimeo, and Kickstarter videos into your liveBooks website. YouTube Embedding Youtube videos is a great way to instantly provide video content to your visitors. In order to embed a Youtube video, follow these steps: 1. Navigate ...

    • Adjust the Output Sizing of a Video Gallery

      1) Set the Type to Stack. 2) Set the Click Action to Play in place 3) Under Videos, click the Width option and set the size needed. For example, 1000px 4. Click Save and Publish.

    • Position Video with Text or Content

      You may have inserted a Video block on your page but need to place content around the video player, see below on how to style and place your content around the video. 1. To place text content around your video, use the Title and Description fields in ...