Interactive Video template

How to create and use interactive videos

Lena Wesselink avatar
Written by Lena Wesselink
Updated over a week ago

To make your platform more engaging, you can implement interactive videos. These videos support user interaction by embedding questions in the video.

The interactive video template supports two types of cued interactions:

  1. Embed one or more multiple-choice question(s) in the video.

  2. Automatically jump to a time when a certain cue is reached.


How to set up an interactive video

An interactive video is one of the templates in a learning bite. To use this template, you need to create a learning bite and add a child page ‘Interactive Video’.

Then, below fields can be filled into the Content Builder. Fields with an * are required.

Content ID*
Title of this template, only shown in the content builder.

Heading*
This heading will be shown above the video.

Text

This can be a descriptive text that will be shown above the video.

Video*

This is where you upload the video file. File recommendations for video uploads are:

  • Format: MP4

  • Codec: H.264

  • Always use landscape videos

  • Recommended size: 1920x1080 pixels, and max 20MB

  • With freely accessible online tools such as https://www.freeconvert.com/video-compressor you can convert videos to the correct format, as well as reduce file size.

Show video controls (checkbox)

You can check or uncheck this option. With video controls enabled, users are able to freely rewind and fast forward the video. By default, video controls are turned off. This is recommended.

Title

Here, you can add the title of the video. Not visible to users.


How to create cues

Now, you are ready to create cues in your video. As mentioned above, there are two types of cues: multiple-choice questions and jump in time. You can implement as many cues (MPC's and/or jumps) as you like!

Multiple-choice questions

You need to fill in the following for every question you create:

  • Time in seconds*: Insert after how many seconds you want the question to pop-up after the start of the video.

  • Heading: This heading will be shown above the answer options.

  • Text: You can add a descriptive text which will be shown above the answer options as well. You can insert the question in either the heading or the text field.

  • Title*: Repeat (a short version of) the question. This will be shown when displaying questions stats in Control. Not visible to users.

  • Options*: Add your answer options here. You can check/uncheck one or more answers that are correct.

  • Feedback*: Here, you can insert the feedback a user will receive after answering correctly or incorrectly.

  • Next action*: Here, you indicate what happens after the learner answers the question either right or wrong. You can either continue playing or automatically jump to time. If you want to jump to a certain part of the video (using jump to time), you have to indicate how many seconds into the video they should jump towards.

The question pop-up in the video will look like this on the platform:


Create jump-in-time cues

You can make users automatically jump to another part of the video using this cue. In order to do this, you need to fill in the following for each ‘jump’:

  • Jump to time when this cue is reached*: Indicate the time in seconds in the video when the jump should occur.

  • Jump to time (seconds)*: Indicate the time in seconds towards which the video should jump.

You can implement as many cues (MPC's and/or jumps) as you'd like!


Inspiration for use

Do you need inspiration on how or when to use this template?

For example, you can use the interactive video template for scenario exercises. Let the user answer a "What would you do?" question. If they answer correctly, they skip immediately to the end of the video. If they answer wrong, they receive feedback and jump back to the present scenario and question again.

You can also use it in more informational videos. If you want to test the knowledge of the user or check if they're paying attention, you can ask knowledge questions as well. When answered wrong, you send them back to where this subject was explained (using a ‘jump’) or send them to a more elaborate explanation of the subject. But if they answered correctly, this can be skipped and the user can be sent to the next subject.

This is a relatively quick option to use an interactive video, but you can make it as comprehensive as you want. Answers don't need to be correct/incorrect, you can also play out different scenarios depending on the answers of the users. E.g. when they choose to do option A they go to another scenario than when they choose Option B or Option C.

Example production steps:

1. Determine learning goal

2. Determine outline/storyline

3. Write script for all scenarios

4. Shoot videoclips

5. Edit all clips into 1 video

6. Create a learning bite > interaction video template

7. Upload the video and add cues

8. Publish learning bite

9. Add learning bite to journey or widgets

Did this answer your question?