Learn how to add a Variable to Elements within a video, to show an Element once the Variable is triggered. 

To start, setup your page with the following:

  • Add a Video to the page, with two Markers, and one Label within the Video.
  • Apply the following Options to the Video: Autoplay, Hide Controls, Hide Play Head.
  • Remove the Entrance and Exit Effect from the Label.
  • Add an action to Pause the video at 2 seconds using the Video Timeline.
  • Add an action to Play the Video once the Label is clicked.
  • Add an action to the Label to hide all elements within the video once clicked, with a 1 second fade and .500 second delay using the Timer. 
    • Note: In order for the hide action on the Label button to work when clicked, there must be a delay so that the Video Element is shown on the Video Timeline before it is hidden from the Label action. 

Setting Markers on a Video to Increase a Variable

Once the page is setup, you will have to set both Markers within the Video to increase a Variable by 1 (Firing once) once the Marker is clicked.

Check out the lesson below to learn how to do this:

 

 

Using a Variable to Show a Label within a Video

Now that the Markers have the Variable set, we need to add a Trigger to show the Label once the Variable hits 2. 

Check out the lesson below to learn how to do this:

 

 

The video is now setup to show the markers, once both are viewed, the continue label will show.

Tips

In order for the Element Actions take effect, the Elements Entrance and Exit time within the Video Timeline must be adjusted.

The Entrance and Exit times of the Elements within the Video Timeline, should Start and End to match the Element Actions. 

Suggested Video Timeline Setup for lessons:

  • Move the Label to start at 2.5 seconds, and end at 3 seconds.
    The label will Show after the Markers are clicked, and start to Hide at the same time as the Element Actions Hide (Label is clicked).
    *Delay was needed on the Hide Action once the Label was clicked, to enable the Video Timeline to Show the Label before it is Hidden.
  • Move the Markers to end at 3 seconds with a .500 Fade Exit Effect (Fade starting at 2.5 seconds).
    The Markers will Hide on the Video Timeline at the same time as the Elements Actions Hide (Label is clicked).

Check out the Video Timeline setup used below:

 

  0     0

Similar Projects

thumbnail image
Add a Page Using Interactive Video Template
2018-10-09

In this lesson you will see how a new page is added using the Add a Page template library. For this lesson we will select the Video Interaction Template.

avatar
Brent Schlenker
thumbnail image
Variables in dominKnow | ONE: A primer
2019-03-11

dominKnow | ONE has a great range of options for working with variables. Here are the starting points you need to know.

1 min read
avatar
Chris Van Wingerden
thumbnail image
Setting a Viewed Icon for a Tile element to show it has been selected by the learner
2019-07-23

You can show that a Tile element has been selected by the learner by changing the icon displayed on the Tile.

This is helpful if you want to use the Tile as part of a menu page, for example.

There are two steps to this.

First, you tie the Tile to a variable to track that the Tile has been selected by the learner.

Second you select the icon you wish to display on the Tile when the variable is changed (as a result of the learner selecting the Tile).

NOTE: To use Tiles as “buttons’ on a me...

avatar
Chris Van Wingerden
thumbnail image
Type to me: Showing learner-entered text on a page
2018-04-09

You can display the value of variables in any text element

2 min read
avatar
Chris Van Wingerden
Interactive Video Template
2022-06-11

I would like to use the interactive video template in Flow, is there a tutorial on how to use the Question buttons?  I would like the learner to engage with the questions when I set the video to pause for each question.

avatar
bouldrickd
thumbnail image
Add Label Over Video
2018-10-18

In this lesson you'll see how easy it is to add a label over a video. You'll also see the your label item added to the Timeline now displaying at the bottom of the interface.

avatar
Brent Schlenker
thumbnail image
Controlling uploaded video files (Video Options)
2024-03-12

There are a range of settings available on the Options tab for uploaded video files

2 min read
avatar
Chris Van Wingerden
thumbnail image
Timeline is on your side
2020-01-23

An overview to help you start using the Timeline to set events based on page loading, audio narration files or video files

5 min read
avatar
Chris Van Wingerden
thumbnail image
Publishing a Capture file as an animated GIF to a dominKnow | ONE page
2022-07-21

Animated GIFs are a great option for showing simple tasks

3 min read
avatar
Chris Van Wingerden
Using Custom Variables in XAPI statement
2023-03-08

Hi, I have a form on the first page of my course to capture learner data (name, email etc). I'd like the "Submit" button on the page to send the data as an XAPI statement to my LRS so I can record that the user has accessed the course. I would also love for the variables (First Name, Last Name) to replace the userID sent for the remainder of the interactions for the course. Is this possible, and if so, what are the parameters I need to set in the "send xAPI statement" element interaction for ...

avatar
admin

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.