Skip to content
English - United Kingdom
  • There are no suggestions because the search field is empty.

Conditional Action Element

How to Use the Conditional Action Tool to Trigger Actions Based on User Interactions

With the Conditional Action tool, you can store a mouse click or the answer to a question within the video. Later, you can trigger actions based on the data you have stored in memory.

Cinema8 Articles - Interactive Video Conditional Action Element 1

 

Let's explain with an example. First, add a question to your video.

Cinema8 Articles - Interactive Video Conditional Action Element 2

Click on the "New York" button and add a new "On Click" action from the Properties panel on the right. Select the "Set Variable" option from the list, then enter values for the "key" and "value" sections. Here, the "key" is the name of the variable you're creating, and the "value" represents the value you're assigning to that variable. For the "New York" button (which is the wrong answer), enter "false" in the "value" section.

Cinema8 Articles - Interactive Video Conditional Action Element 3

Note: When the "Allow Multiple Execution" feature is checked, the selected "Set Variable" feature will be repeated actively. If not selected, your "Set Variable" action will only run once, and you won't be able to update the variable.

Now apply the same settings to the "Washington" option (the correct answer). For this option, enter "true" in the "value" section.

  Cinema8 Articles - Set variable

 

Now the "choice" variable will be "false" when "New York" is selected and "true" when "Washington" is selected.

Next, let's add the "Conditional Action" element to trigger actions based on the answers by polling the value of our variable.

First, drag the "Conditional Action" tool from the Element list and drop it on a layer. The screen will appear as shown below.

Cinema8 Articles - Interactive Video Conditional Action Element 5

1. Choose the query type here. The options are "AND" (for a single query) and "OR" (to combine multiple queries).

2. The "Add Condition" button allows you to create a new query with the variables you defined using the "Set Variable" action.

3. Use this button to add a new query group for organizing multiple queries.

4. This button saves your settings.

 

Now, click on the "Add Condition" button. A settings area will open, where you can create queries using the variables defined in your video.

Cinema8 Articles - Interactive Video Conditional Action Element 6

1. The variable list created in the video.

2. Options for queries, such as "equal," "greater than or equal," and "less than or equal."

3. Enter the values from the video you created. For example, if you enter "true," the "Conditional Action" will trigger when the query "if choice equals true" is met.

4. The field where you can delete a query.

 

After making the query settings, save them. Now, select the action to perform when the query "if choice equals true" occurs.

For example, add a feedback image using the "Image" tool, which will display when the viewer answers the question correctly.

Cinema8 Articles - Interactive Video Conditional Action Element 7

 

"Congratulations" text will appear when the viewer answers correctly.

  Cinema8 Articles - Interactive Video Conditional Action Element 8

 

1. Click on the "Conditional Action" tool you added.

Cinema8 Articles - Interactive Video Conditional Action Element 9

 

Select the action that will occur if the query is met from the Properties panel on the right.

Cinema8 Articles - Interactive Video Conditional Action Element 10

2. This field lets you select the action that will be performed if the query is met (e.g., "Set Visible" to make an object visible). Click to learn more about the other actions.

3. After choosing the action, select the element where the action will take place.

Once all actions are set up, the element is ready to use in the video. If the viewer answers the question correctly, the "choice" variable will be "true" and the "Congratulations" message will appear at the designated time.

 


Note: The Conditional Action tool works not only at the first second it's added but throughout the start-end time range. The condition is verified during this time interval, triggering the action.

If the viewer answers incorrectly, the "choice" variable will be "false." You can also trigger another action when "choice" is "false" by adding a new "Conditional Action" tool.