Berlin - Components | Interactive video
"Interactive Video" is a component that allows you to add interactive elements within a video (texts, links and activities).
By default, it is added inside the pages although it can also be added inside other components (for example, within a pop-up, a row, etc.).
We will find this component in the "Multimedia" component group.
1. Go to the "Properties" tab and select the mp4 file you want to play in the "Resource (mp4)" property, as well as the video cover orcover.
2. Start the video playback and stop it wherever you want to add something.
3. Go to the "Add" tab and tap on the items you want to add within the video (a text, a link or a single or multiple answer activity).
4. After adding a component, access its properties and configure it. Each of them has specific properties. Check out each one at the end of this article.
5. If you need to add more components at another point in the video, just continue playback and stop at the next point to add the corresponding item.
Interactive video properties
|Resource (mp4)||The video file to be displayed. Click "Browse" to access the Drive Resources folder (see here) and select the searched video. Only videos in mp4 format are supported.|
|Cover||Cover or cover of the video.|
Property that is only activated in case you select "Local Video" in "View". This property allows you to associate the subtitles of the video in each of the available languages. To do we have to press the button
Next, we need to select the desired language and associate the subtitle file. This file must be in vtt format.
Allows you to modify the space occupied by the component within the central content column. By default, it takes up 100% of the available space, but can be reduced using other predefined percentages or can be arranged to "full-size". In some dating styles, the "Full" size causes the size to exceed the width of the center column.
|Align||Places the right-aligned, left, or center-aligned component in the center column of contents. It only takes effect when we apply a "Width" less than 100%.|
Allows the component to be "framed" around a text.
|Block fast forward||It allows you to decide whether the user will be able to move forward or backward freely through the video or whether the playback will be automatic and will not be able to interact with it.|
Allows you to modify the goal completion settings for this particular component, making it behave differently than the general settings set. We can choose between:
Link properties and texts
Field to indicate the link title. It will be used to display when hovering over the interactive element of the video.
|Text||Text to be displayed on the video|
|Link to recourse||(Link-specific property). It can be linked to a file. Tap "Browse" to select it from the content resource folder.|
|External link||(Link-specific property). It can be bound to an external url.|
|Home||Indicates the time, minute, and second (HH:mm:ss) at which the link will start to be displayed. By default, it shows the second one we chose when snedding the video, but we can modify it manually.|
|Duration||Sets the time that will be visible on the screen. This is useful if you do not want the video to pause when the link appears and disappear after X seconds.|
|Pause the video||It allows you to decide whether, when the link appears in the video, it stops|
|Position||We can decide whether the link will be displayed in the top, center or bottom area of the video.|
These are only built-in booster activities throughout the video.
Field to indicate the title of the question. It will be used to display when hovering over the interactive element of the video.
|Home||Indicates the time, minute, and second (HH:mm:ss) when the question will start to be displayed. By default, it shows the second one we chose when snedding the video, but we can modify it manually.|
|Cutting note||Score needed to overcome the activity. In simple answer activities, it will always be 100% as there is only one right option. In multiple response activities you can modify them.|
|Weight||Determines a specific value or weight greater or lower for one question relative to another.|
|Sort randomly||Allows response options to be reordered each time the activity is played back.|