Authoring
  • Overview
  • Authoring
    • Start Authoring
    • Content Types
      • AI Generation
      • Learning Story
      • Article
      • PDF Document
      • PowerPoint Document
      • Pitch Presentation
      • Assessment
      • Survey
      • Scorm Package
      • From Template
    • Authoring Notifications
    • Authoring FAQ
  • Content Pages
    • Story & Page Settings
      • Story Settings
      • Story Chapters
      • Story Tools and Options
      • Story Catalogue
      • Page Options
    • Content Page Library
      • Activity Guide
      • Animated Video
      • Audio + Text
      • Drag + Drop
      • Icon + Text
      • Image + Text
      • Image Cover
      • Text
      • Video + Text
      • Video Cover
      • Image Select
      • Journey Map
      • Memory Game
      • Multiple Choice
      • Multiple Select
      • Slide Show
      • Survey/Rating
      • Swipe Card
      • Text Response
      • Photo Assignment
      • Word Search
      • Yes, No, Maybe
      • YouTube Video
  • Authoring Editor
    • Content Editor
    • Content Listing
    • Themes & Assets
    • Authoring Settings
    • Targeting
    • Workflow
    • Link Manager
Powered by GitBook
On this page
  • What is a Video + Text page?
  • Quick steps: how to create & edit a Video + Text page
  • Video + Text Advanced Settings
  • Video + Text Tips and FAQs
  • What format and size should the video be?
  • Why are my videos cut off, clipped, or showing empty spaces?
  • How many videos can I add to a story?
  • How do I stop my video from looping?
  • How to format a Video + Text page
  • Video display / orientation: Vertical Videos
  1. Content Pages
  2. Content Page Library

Video + Text

Create a video and text page.

PreviousTextNextVideo Cover

Last updated 23 days ago

What is a Video + Text page?

The Video + Text page accommodates a .mp4 video with related text.

Quick steps: how to create & edit a Video + Text page

  1. Open the Editor.

  2. Add a Video + Text page. Select the + icon and choose Video + Text from the Add Page options. Alternatively, open an existing Video + Text page.

Video + Text Advanced Settings

Video Controls Controls show options for the user to play, pause, toggle to full screen, or adjust sound. By default, video controls are not added.

Video Fill Choose how the video should fill the page. Choose from: Fill Width/Height (Default), Fill Width, Contain Width, or Contain Height.

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.

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

Video Size Large (default), Medium, Small

Video Effect (Non-Mobile) Choose a video effect for the desktop/tablet version of your story. Effects include adding a white frame and/or a dark shadow.

Video Tilt (Non-Mobile) Tilt your video left or right.

Video + Text Tips and FAQs

What format and size should the video be?

Videos must be in .mp4 format at a 16:9 ratio.

Limit videos to 10MB. It is recommended to keep video size below 10MB to avoid exceeding the story size limit of 100MB.

Why are my videos cut off, clipped, or showing empty spaces?

Depending on the screen size, the page setting "Fill Width & Height" will fill the view until both width and height are filled. This could, however, clip the video; this setting is intended for aesthetic/safe margin videos.

If the video must be shown without any clip, set the fill to "Fill Width". Black bars might occur depending on the device size, which avoids the video being distorted.

Suggested workaround:

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.

How do I stop my video from looping?

How to format a Video + Text page

If you choose custom colours for your text, those colours will also be used in Dark Mode. Only default font colours will auto-adjust in Dark Mode.

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.

Open Authoring. Create or open a , or .

Edit the page. Select the page to view the , and select Update to add and edit content. Videos must be in .mp4 format at a 16:9 ratio. Use the text space to enter the text that will display below the video.

Format text layout and style. Use the toolbar for basic text , and toggle to for further layout options.

Use a page and select "No autoplay" in the settings.

To include text relating to the video, use the "" option. After the user sees the dialog, the click-to-play option to watch the video will display.

The video will run on a continuous loop unless you enable Video Controls (pause/play and full-screen options) in .

Text formatting. Refer to text formatting toolbar options in the .

Image formatting. Refer to the .

Learning Story
Assessment
Survey
content type
Video Cover
Text page
formatting
Advanced Settings
Advanced Settings
Advanced Settings
Add Dialog
Page Options