📘

Interactivity is available on Synthesia's Enterprise and Creator plans.

Synthesia's Interactivity feature enables creators to design dynamic, clickable videos with branching pathways and knowledge checks. This feature allows your audience to actively engage with your eLearning modules, product demos, or scenario-based trainings.

Interactivity allows you to:

• Add buttons: Convert text and shape elements into buttons that open URLs or jump to other scenes, enabling the creation of non-linear branching experiences and navigation menus.
• Create knowledge checks and quizzes: Add single-answer and multiple-answer questions for knowledge checks and quizzes with or without pass/fail criteria.

👍

Only videos shared via Synthesia's video player can be interactive.

Interactivity is made possible with Synthesia’s video player—it’s available for Synthesia videos shared via the share page link, iframe embeds, and SCORM packages.

Downloading interactive videos is not supported.

Creating interactive videos

Click the Interactivity button in the toolbar to add ready-to-use buttons, branching menus, questions, and results components to your canvas. Your workspace's Brand Kit colors and fonts will automatically be applied to them, and you can adjust styling for each from the inspector panel as necessary.

Buttons and menus can also be created from scratch by enabling the Interactivity toggle for a text/shape element or group of text and/or shape elements in the inspector panel.

Buttons

Text and shape elements, and groups of text and/or shape elements can become buttons.

There's no limit to the amount of interactive elements that you can add to a particular scene, but we recommend keeping things simple to provide the best viewer experience.

To create a button:

1. Select an element (or group of elements).
2. From the inspector panel, toggle on the interactivity option.
3. Choose an action for the button click to trigger:

   1. Open URL: To navigate the viewer to a URL, paste a link directly into the interactivity input field and click Set as URL.

      

   2. Jump to Scene:

      1. If the button should take the viewer to the next scene in the video, click on the interactivity input field and select Next scene.
      2. Otherwise, select a specific scene that viewer should be directed to—it can be any of the previous or following scenes in the video.
      

   3. Optional: Enable Wait for click to pause the video until a viewer interacts with the button. With Wait for click enabled, viewers will not be able to pause or skip the scene.

      

🚧

Only text and shape elements, and groups of text and/or shape elements can become buttons.

A group of elements that includes a media element, such as a video, cannot be interactive.

👍

Pro tip:

If you'd like to simulate interactivity for an element that isn't text or a shape, like a media element, you can place a shape on top of the media element, and adjust the transparency of the fill color of the shape to 0%.

Then, enable interactivity for the transparent shape and adjust settings as desired.

The opacity of the layer itself must remain at 100%.

Questions and quizzes

You can add interactive questions to your videos to create knowledge checks and track viewer understanding. Questions can be grouped into quizzes with scoring and pass/fail criteria—perfect for training and eLearning content.

Add a question to your video

1. Click the Interactivity button in the top toolbar.

2. Select either:

   • Single answer: Allows viewers to select one correct answer.
   • Multiple answer: Allows viewers to select one or more correct answers.

3. When added to a scene, question components snap to the right half of the canvas but can be freely resized and moved.

4. Edit the question and answer text by clicking into the component.

5. Add additional answer options by clicking the + button under the bottom-most answer option. If you need to delete an option, hover over it and click the trash icon that appears to the left of the answer.

   

6. Mark the correct answer(s) using the radio button (for single answer) or checkboxes (for multiple answer).
   Note: For a multiple answer question, all correct options must be selected in order for the answer to be marked as correct.

7. Customize the appearance using the three styling options: font family, shape, and color. You can also resize, crop, rotate, and move the question component.

📌

Note:

• You can only add one Single answer or Multiple answer component to each scene.
• You'll need to add at least one Single answer or Multiple answer component to your video before you'll be able to add a Results component to your video.
• You can only add one Results component to your video.

Enable practice mode

You can enable practice mode on individual questions to:

• Exclude the question from the overall quiz score.
• Show immediate correct/incorrect feedback to viewers after they submit their answer.

To enable practice mode, select the quiz component and toggle off the Score option from the inspector panel in the Interactivity section.

This is useful for formative assessments or learning checkpoints that don't contribute to the final score.

Results component

The Results component displays quiz outcomes and can be added once per video:

1. Add the Results component from the Components menu.
2. In the inspector panel, define the pass criteria (for example, 80% correct).
3. Optionally enable Allow retry, which adds a retry button that takes viewers back to the first quiz question in the video.

Edit logic with conditional statements

Logic can be edited for both question and results components. The default logic is always to navigate to the next scene, but you can use conditional logic to control what happens based on answers submitted and full quiz performance:

• Always: A statement that always executes (cannot be combined with If/else).
• If/else: Create conditional branches based on quiz answers or scores.
• You can stack multiple If statements by adding more rules.
• Within each If statement, you can append multiple conditions using AND operations.

**For example: **

• If editing logic for a question component, you can use conditional statements to provide learners with guidance upon answering that question incorrectly, and allow them to proceed to the next question only once they answer correctly.
• If editing logic for a results component, you can direct them to a coaching or feedback scene if they don't pass the quiz.

Branching videos

Unless a scene has Wait for click enabled for one of the interactive elements in the scene, it will have the After this scene setting available in the inspector panel. This setting can be used to define the path for a video to take when the current scene finishes.

The available options for After this scene are:

• Next scene: Direct the viewer to the next scene in the video.
• End video: Set the current scene as the final scene of the video.
• Direct the viewer to a specific scene—it can be any of the previous or following scenes in the video.

Use a combination of scene navigation settings and buttons to make your videos feel like a conversation or guided journey.

• Use the After this scene setting to create a path (or paths) of scenes.
• Add buttons to let users choose different paths by jumping to the scenes that start those paths.

Preview your interactive video

To verify that you've set up all your branches, buttons, questions, results, and logic settings correctly, launch a full interactive preview of your video from the Preview video (▶️) button at the top-right of the toolbar to test it out:

Sharing interactive videos

Interactive video player

Interactive elements enhance how viewers engage with your video in the Synthesia player:

• Buttons are visually marked with a shimmer effect during playback and by a dot on the timeline.
• Scene-based interactivity like buttons set to Wait for click or a question changes the viewing behavior:
  • The timeline is hidden to prevent skipping ahead, but the viewer can still restart the scene from the beginning, or pause/play it.
  • Playback is paused until the viewer either clicks on a button, submits a response to a question, restarts the scene, or navigates back to the previous scene.
• If a viewer navigates backward in the video using player controls, they will see the submitted state of previously answered questions (they cannot change their answers unless retry is enabled).
• If a viewer uses the Retry button on the results component, they can reattempt all quiz questions.

Accessibility

Interactive elements include ARIA labels and are keyboard-navigable. Viewers can use the Tab and Shift + Tab keys to cycle through clickable buttons, ensuring accessibility for keyboard-only users.

Pressing Tab will focus on the next interactive element, while pressing Shift + Tab will focus on the previous interactive element.

Multilingual playback

If you translate your interactive video using Synthesia, all translated versions are available through Synthesia’s multilingual video player. Viewers will be shown the appropriate translation based on their browser settings, and can switch between available languages at any time. This ensures your interactivity works seamlessly across different languages and provides a unified experience for global audiences.

📌

Note:

Viewers will only be able to switch between translations during a scene that is non-blocking (i.e. the interactive elements in the scene do not have Wait for click enabled, or there are no questions in the scene).

Switching between translations will reset progress in the video.

SCORM export

Interactive videos can be exported as SCORM packages to publish in your LMS (learning management system).

Interactive videos have a set completion rate of 100%. An interactive video is marked as complete only when the learner reaches the scene that has been designated as the end of the video, or when they reach the scene of a video with a graded quiz that has the results component.

For interactive videos with quizzes

When your interactive video includes quiz questions, Synthesia reports the following information via SCORM:

• Completion status: Set to "completed" when the viewer reaches the scene with the results component.
• Success status: Set to "passed" or "failed" based on whether the viewer met the pass criteria defined in the results component.
• Score: Reported as a percentage between 0 and 100.
• Question responses: Each response and its correct/incorrect status are reported individually.

📌

Note:

Responses to questions in practice mode are not reported via SCORM.

For interactive videos without quizzes

If you aren't using a results component, you must use the After this scene setting in the inspector panel to set a scene as the end of the video in order for it to be marked as complete in your LMS.

Video analytics for interactivity

Interactive videos support a range of analytics that help you understand how viewers engage with your content.

Standard analytics

With the exception of Completion rate and Avg. % watched, which are currently not supported for interactive videos due to the non-linear structure of branching experiences, our standard video analytics are available.

Quiz analytics

For videos with quiz questions, you also get four quiz-specific metrics:

• Question attempts: Total number of times viewers responded to a question.
• Question pass rate: Percentage of correct responses relative to all responses.
• Quiz attempts: Total number of times viewers attempted to answer the quiz.
• Quiz pass rate: Percentage of quizzes passed relative to quiz completions.

These metrics help you identify where viewers struggle and improve your training content accordingly.