Interactive Video

Videos have been trending in eLearning for the last few years and far from losing relevance, are getting far more prominent. The interactive video element is enjoyable for both trainers and students.

This new resource will help you offer one more dimension to your training videos since you will be able to ask questions at the right moment or show complementary information when you wish.

You can include a video of up to 1GB. Just click on the + button and upload your video.

To see what the supported formats are, view the help article on the Image, audio, and video Requirements.

Video cover

You can configure a cover by choosing a color, gradient, or image. All the options and filters that you see on the image resource can also be applied to the cover.

Bear in mind that if you have started to play the video on the slide, you won’t be able to see the cover’s settings. To be able to see the settings you must pause the video and set the play bar back to the beginning.

Description of video

You can add text as a title or introductory text to appear on the cover of the video. 

Video controls

Students will be able to play, pause or replay the video extracts previous to the current playing point.

Interactions

You may add in a video as many interactions as you need to pop up when it is playing. You will only have to choose the exact moment that you want them to in the Editing Panel.

That will feel like quite an easy task since both in the slide and the Editing Panel you will see exactly where you are setting the interaction in the video progress bar.

Moreover, in case you happened to set more than one interaction at exactly the same time, a warning sign would show right next to it.

There are two types of interactions that you may add: ABC questions, similar to the ABC exercise that you already know, and Information Windows.

In each interaction, you may also configure both image and text. In the ABC Question, you will also have to set possible answers and feedback for right and wrong answers.

The students’ answers to the ABC questions get immediate feedback whether they are right or wrong. Once this interaction has been completed correctly in the first attempt its indicator in the progress bar will turn green, or red if it hasn’t.

In order to resume the video students will have to click ‘continue’.

VTT subtitle content

If you want to add subtitles to your video, the way to do it is by copying the contents of your subtitle VTT file to this text field of the video editor.

You will be able to easily enable or disable them with the button in the right bottom corner of the player in the slide.

To learn more about the VTT format, consult the article on Requirements for VTT subtitles.

The sequential navigation mode

Remember that in a Classic course you may set the sequential navigation. If you haven’t set any interaction in an interactive video, 80% of it must be viewed in order to move on. If there are interactions, the interactive element will be completed once all its interactions have been viewed, thus, viewing 80% at least of it won’t be necessary.

Responsiveness

The interactive video is a completely responsive element. Its layout will automatically adjust and adapt to any device screen size.

• You can assign a title by choosing from the different headings, so that your students can identify the video. Try not to repeat this title in the project section.
• Add an Alt text and a long description if it is relevant to your cover image in the Video.
• Add a transcript where necessary, note that in the interactive video, transcripts are made in sections. In each of the "steps" you define in the interactive video, you will find a field to define the transcript, that transcript will correspond to the content from the previous step to the step where you are defining it.
• In accessibility mode, we recommend that you always include a final step in order to generate a transcript for the last part of your interactive video.
• Remember that this text should be descriptive and that you can make it more useful with formatting and adding captions, for example. You can learn more about this according to WCAG here.