> 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/animated-video.md). # 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](/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). * **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. * **Update the Animated Video page to edit.** Select the page to view the [Page Options](/authoring-docs/content-pages/story-and-page-settings.md#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. * **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. ### What should the video format be? Videos should be in .mp4 format with a 16:9 ratio. --- # 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, and the optional `goal` query parameter: ``` GET https://everyday-digital.gitbook.io/authoring-docs/content-pages/content-page-library/animated-video.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.