> For the complete documentation index, see [llms.txt](https://everyday-digital.gitbook.io/authoring-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/video-cover.md).

# Video Cover

<figure><img src="/files/U6tw0Q1xtcJtP5u0PVCK" 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](/authoring-docs/authoring/content-types/learning-story.md), [Assessment](/authoring-docs/authoring/content-types/assessment.md) or [Survey](/authoring-docs/authoring/content-types/survey.md) [content type](/authoring-docs/authoring/content-types.md).
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](/authoring-docs/content-pages/story-and-page-settings.md#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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/video-cover.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
