# Video Cover

<figure><img src="https://1694021061-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuVFZPn6NWEBzyt3Pl8h6%2Fuploads%2FpZTU3rng0vKDDglNBWcq%2Fimage.png?alt=media&#x26;token=66825191-f0ba-4996-904f-eb2576987fb5" alt=""><figcaption></figcaption></figure>

## What is a Video Cover?

**A Video Cover page can be used to add impressive video snippets or animations.** The video will fill the whole page and can include a text overlay.&#x20;

## Quick steps: how to create & edit a Video Cover page

1. **Open Authoring.** Create or open a [Learning Story](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/learning-story), [Assessment](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/assessment) or [Survey](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types/survey) [content type](https://everyday-digital.gitbook.io/authoring-docs/authoring/content-types).
2. **Open the Editor.**
3. **Add a Video Cover page.** Select the + icon and choose Video Cover from the Add Page options.&#x20;
4. **Edit the page.** Select the page to view [Page Options](https://everyday-digital.gitbook.io/authoring-docs/story-and-page-settings#what-are-the-page-options), and select Update to add and edit content. Upload a video (.mp4 format and 16:9 ratio). The recommended video size is 10MB and should not exceed 45MB
5. **Format text and video settings.** Enter a text overlay (maximum 24 characters) and use the available [Settings](#video-cover-settings-and-effects) as desired.

## Video Cover Settings & Effects

### Text Settings

**Text Layout Type**

* Heading & Sub-Heading (small heading max. 24 characters and big heading max 45 characters), or&#x20;
* Heading & Text (big heading with max. 45 characters and text with max. 144 characters).

**Text Position**\
Choose the heading text position: Center, Top Left, Top Center, Top Right, Bottom Left, Bottom Center, or Bottom Right.

**Text Colour**\
Select from the available options.

**Text Shadow**\
Select Yes/No.

### Video Settings

**Video Controls**\
Controls enable options for the user to play, pause, skip back or ahead, toggle to full screen, or adjust sound. By default, video controls are not added.

**Autoplay Video**\
By default, videos autoplay as soon as the user opens the page. If you do not choose to autoplay, a play button will be added.

**When the video ends...**\
Decide what happens at the end of the video: Play again (default), Stop, Go to next page.

**Loop Keyframe (In Seconds)**\
Use this option if you want your video to loop after a certain point - the video will play in full the first time and can then play again at a specific point based on the delay indicated in seconds. For example, if you only want to play intro effects once, you can use keyframe settings to loop only the part of the video that does not contain the intro.

### Position & Fill Settings

**Position**\
Set the anchor point from which the video must fill the page from. Center (Default), Center Left, Center Right, Top Left, Top Center, Top Right, Bottom Left, Bottom Center, Bottom Right.

**Video Fill**\
Set a priority on how the video must fill the page.&#x20;

* Fill width or Fill height will fill the video to the edge of the screen.
* Contain width or Contain height will fill the video to the edge of the story navigation.

### Colour Effects & Settings

**Filters**\
Choose from: None (Default), Inkwell, 1977, Amaro, Brannan, Crema, Moon, Perpetua, Toaster, Nashville, X-Pro II, Ghost

**Background Colour**\
Set a colour to use in blends and behind the video.&#x20;

**Blend**\
Blend the video into the background using the background colour and video position.

## Video Cover Tips and FAQs

### How big can a video be for the Video Cover page?

It's recommended to keep the video size below 10MB to avoid exceeding the story size limit of 100MB.

### Which formats are accepted for the Video Cover?

Videos must be in .mp4 format at a 16:9 ratio.&#x20;

### How many videos can I add to a story?

**In stories, use videos sparingly to avoid lagging.** Use Streams if your content is video-rich.

### **Video display / orientation: Vertical Videos**

**Videos uploaded will display based on the orientation of the video i.e. Vertical / Horizontal.** This means vertical videos will display the full screen height giving the best experience on mobile.
