# Animated Video

## What is an Animated Video?

**The Animated Video page can be used to add interactive videos that are split into parts - or keyframes.** The video will play and stop at specified time intervals. The user will need to tap the screen/click to continue the video.

## Quick steps: how to create & edit a Text page

* **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).
* **Add or open a Story, Assessment or Survey.** Open the Editor.
* **Add an Animated Video page.** Select the + icon and choose Animated Video from the Add Page options.&#x20;
* **Update the Animated Video page to edit.** Select the page to view the [Page Options](https://everyday-digital.gitbook.io/authoring-docs/story-and-page-settings#what-are-the-page-options), and select Update to edit. Upload a video (.mp4 and 16:9 ratio) and set one or more keyframes by selecting the + icon. For each keyframe, you need to specify the time (in seconds) after which the video must stop.&#x20;
* **Toggle to A**[**dvanced Settings**](#animated-video-advanced-settings)**.** Use the layout and formatting options as desired.

## Animated Video Advanced Settings

**Mobile Adaptation**\
Choose how the image must appear on a mobile screen, i.e. Rotate to Fit, Clip to Center, Clip to Left, or Clip tot Right. If you do not want your video to be clipped on mobile view, you should select "Rotate to Fit"). Users will then need to flip their device to see the full-size video.

**Background Colour**\
Select an alternative background colour to override the theme default.

**Video Fill**\
Here you can select to Fill (Default) the entire page, Fill Height (video fills the page from top to bottom) or Fill Width (video fills the page from side to side but not from top to bottom).

## Animated Video Tips and FAQs

### **How big should the video be?**

It is recommended to keep video size below 10MB to avoid exceeding the story size limit of 100MB.&#x20;

### What should the video format be?

Videos should be in .mp4 format with a 16:9 ratio.
