---
title: "Creating Branching Interactive Videos"
description: "How to connect videos together to create linear and branching narratives."
url: https://help.virti.com/en/articles/34-creating-branching-interactive-videos
collection: "Creating Interactive Videos"
updated: 2025-12-11
language: en
---

# Creating Branching Interactive Videos

How to connect videos together to create linear and branching narratives.

## Adding Videos

When you've first created your simulation, you will only have one video. To create a branching narrative, you will need to add more videos to your simulation.

**Step 1:** Click on **Add Videos** to incorporate more videos into your simulation.

![](https://staticfiles.gleap.io/gattachments/36KBveKJg55Qg77EusNCrQs4IQxvSlnJtgMWyPCwlxI2wmFzxRG3i4Nz4Ob1oX4NTT2mJSv0YGL.png)

**Step 2:** If the video hasn't been uploaded yet, click **Upload** and add your new video. If the video is already uploaded, select **Choose existing videos from library**.

![](https://staticfiles.gleap.io/gattachments/s07xMGvd1TgkcELSb9arJaPdwgy0NEO0CYyVnjkQWusGVfjRJ5ExIQgEwdel071yjRNzfjUcDLI.png)

**Step 3:** Select your videos and click **Add Videos**.

![](https://staticfiles.gleap.io/gattachments/say4IEIqq0CFQ5zksv8HJqOxgbQC70XS9Brbm291IgSdDcjsdkZpPmMHu29adCxTM6uBdpUhMH7.png)

* * *

## Viewing the Story Map

All videos appear in the map view of the editor as thumbnails. These thumbnails have icons and labels indicating the flow of your simulation.

![](https://staticfiles.gleap.io/gattachments/S9QiNOHKTW5BbIYQ4OTVucm9oQTAyWqiuYcEsDDQx6llCtaQw4nLdCyiy01el5Bu7FeBlEAWrl2.png)

The **Green Start Label** indicates the first video in your simulation.

The **Red End Label** shows that the simulation will end if this video finishes.

The **Green Arrow Icon** indicates if another video is connected to the beginning of this video.

The **Yellow Bookmark Icon** shows if another video is linked to a bookmark within this video.

The **Dark Blue Question Mark Icon** indicates whether this video connects to any other videos via a question.

The **Light Blue Redirect Icon** shows whether this video connects to any other videos via a redirect hotspot.

The **Red End Icon** shows whether the end of this video connects to any other videos.

Arrange the thumbnails visually in the order you want them to appear by clicking and dragging them.

![](https://staticfiles.gleap.io/gattachments/cRJxBb2n6aH88QBBEonUu7e3OxqydLhz3HVVwFlkS339YoxgiF2oeVe8RDMDkOiLV4nnFZnXR0T.png)

* * *

## Creating a Linear Narrative Path

Follow these steps to create a linear narrative path, where the end of one video triggers the next video.

**Step 1:** Connect two videos to play sequentially by hitting edit on the first video, scrolling down, and change **End Video Action** to **Play another video** and select the correct video.

![](https://staticfiles.gleap.io/gattachments/mhSh4eaU4Z51trB9IAannmJiZaKUjPxohfv2BxvXHnAC2VdBKRejBriFmjwnk7UWYIIoYTU3sPG.png)

* * *

## Creating a Branching Narrative Path with a Question

Follow these steps to create a branching narrative path, where user answers a question to decide the next scene of the simulation.

> Tip: Branching narratives gives the learner more autonomy and makes the experience more interactive.

**Step 1:** Hit **Add Interaction** to add a **Question**

![](https://staticfiles.gleap.io/gattachments/11Jna0XhgpbRCwIhEl70n23uTX32J3qZmAsYOjZgMnhDnEniZO9sK6PTilm5Kg18pWdU6uCjdrr.png)

**Step 2:** Add your question, a label, your question type, and a timestamp.

![](https://staticfiles.gleap.io/gattachments/8lfeEGgTSranyN35LQCdEuODm60OE9cOsiOM5HaJlaXlf96cMhQScS4kkURNL1NiCRSBLcltffu.png)

**Step 3:** Hit **Add Answer** to add your choices.

![](https://staticfiles.gleap.io/gattachments/WPI90b24GzbNUVlkru3VO9GVoIozxFg1GvRnjG62B5kxGnLXRvZvP8tXGj8McJkaqvZOTOd2gA7.png)

**Step 4:** Hit the down arrow, select **Redirect** from the **Action** menu, and the correct video. Repeat with all of your choices.

![](https://staticfiles.gleap.io/gattachments/mmYYMr6RI0LrVnsPwvbTmkd5GOvur7ikMg15FHUmIgH3UMqUYtlxbKrW7Zi7Htkxj0e18CyitYI.png)

**Step 4:** Hit the down arrow, select **Redirect** from the **Action** menu, and the correct video. Repeat with all of your choices.

* * *

## Creating a Branching Narrative with a Redirect Hotspot

Follow these steps to create a branching narrative path, where users click a hotspot to navigate to a different scene of the simulation.

**Step 1:** Hit **Add interaction** to add a **Hotspot**

![](https://staticfiles.gleap.io/gattachments/iF27hra7Lr2U5RaKKdMkzmmmpYiU4HDW7YeH8uezROTfM95RObodJftZYnZr8yD0YGrcrUzessq.png)

**Step 2:** Click and drag the hotspot to place it on the desired location, here we'll place it on the door to the cab.

![](https://staticfiles.gleap.io/gattachments/MynaAKo9cFCv0ppAadNkRFHhicAfCDxjxARSbv4NezfMdEHkmOx6hXK2jnBrFYDpsvMHE2IFJ4c.png)

**Step 3:** Hit the pencil to edit and change the **Hotspot Type** to **Redirect**

![](https://staticfiles.gleap.io/gattachments/G79ZCv9JvSEcc4252vwi57AL1241Bl0Qac6YfgFnL4rXfZa9iXFRf9YZna4K4wWRDr7iVzPd2LW.png)

* * *

## Redirecting to a Bookmark

Follow these steps to create a bookmark which allows you to direct learners from a question or hotspot in one video to a specific time stamp of a video.

**Step 1:** On the timeline navigate to the timestamp where you want the learner to land, and hit **Add interaction** to add a **Bookmark**

![](https://staticfiles.gleap.io/gattachments/QswpGdWw7sk4baZG3xX9BZ5b8OjKg5fwr0TQV4obfyVWiwgo35r8Kj6W1Vsxx1X44LHiPFwdOtc.png)

**Step 2:** Go to the video where you want to add the hotspot, and add a hotspot.

**Step 3:** Hit the pencil to edit the hotspot, change the type to redirect, and in the **Redirect to** section, select the correct video, and then select the bookmark.

![](https://staticfiles.gleap.io/gattachments/fKSzrTCziWFdnc5f2flKV2zEaVO7AucybE47uwzFFQ8x4YmuzWEfZOBFK5uaYg5tksdC8lbo232.png)

**Step 4:** This will make it so when the learner hits the hotspot, they will jump to the book mark directly before the question in the first video.

* * *

For additional assistance, reach out to us at [support@virti.com](mailto:support@virti.com)**.**