About
This article walks you through creating your Interactive Video project - setting up details, choosing your media, and building your initial structure.
Where to find your interactive video later
After you close the composer, you can find your video in My Media. You can use the search bar or filter by media type to display only Interactive Videos. Click the thumbnail or title to open it, and the interactive experience will start playing automatically.
How to publish your finished video
To publish your interactive video, follow the steps in our Publish media article. Note that viewers must have permission to see the media included in the interactive video.
This article shows the Theming design in action. If you’re not using Theming yet, take a look at Getting started with Theming.
Create your interactive video
1. In your video portal, click the Create button and select Interactive Video from the menu.
The Create Interactive Video page displays.
2. In the Set Details section:
- enter a name (required)
- enter a description (Optional).
3. Click on the Add Media arrow to open the My Media section.
The My Media section displays the media available for use in your video.
There's no need to set media as "Unlisted" to use it in interactive videos.
4. Click Add next to the media you want to add to your video.
To remove an item from the list, click the x to the right.
5. When your media list is ready, click Create.
The video composer opens.
Manage your media library
Click Show Media at the far right to view the videos you selected.
You can view the media in a list or table format by clicking the icons at the top right.
You can sort your media by
- Newest
- Alphabetical
- This project
To remove a media item, click on its thumbnail, then click Remove from Library at the bottom of the panel.
Click Hide Media to close the panel.
Add or remove media from the library
- At the bottom of the panel, click Add/Remove from Library.
- To remove media, click on the x next to it. To add media, click Add.
- When you are happy with your playlist, click Save to return to the video composer with a refreshed list.
The Edit Interactive Video window displays.
Build your interactive video structure
1. In the video composer, click and drag empty nodes onto the node map (the large canvas area in the center).
Empty nodes act as placeholders that you can assign videos to later.
2. To create the paths of your video, hover over the right side of a node and drag the arrow to another node.
You can connect a node to multiple nodes - even back to itself!
To delete a path, just click on the path (it turns green), then click the trash can icon at the top left to delete it.
To delete multiple paths at once, use the marquee tool to select them, then click the trash can icon.
3. To assign videos to nodes, click Show Media at the top right to open the media library.
4. Drag the videos onto the desired nodes.
- You can double click on a node and rename it if you haven't already done so.
5. Click Hide media when done.
Customize your node map view
- Use the + and – buttons at the top left to zoom in and out of the node map.
- Click and drag anywhere on the background to move around the map.
- Use the Show Paths toggle to show or hide the connection lines between nodes.
- Use the Node Labels toggle to show or hide the node names.
Click-through mode
Click-through mode lets you quickly preview your video without having to leave the editor. When you turn it on (using the toggle at the top right), you can watch and click through the paths and hotspots you've set up, just like a viewer would.
While Click-through mode is on, you won’t be able to edit anything. To go back to editing, simply turn it off.
Next steps: Add hotspots
Double-click a node to open the hotspot editor. See Editing Hotspots to learn how to add interactivity to your project.
