Can I use interactive hotspots to let students explore different parts of a diagram within the video frame?

WeVideo Agent
WeVideo Agent
  • Updated

Yes, when building interactive videos, instructors can adjust the placement of the interactions to have them overlay on the video instead of being displayed on the sidebar. The instructors can also control the opacity of overlay interactions and whether they are expandable or collapsible.

In this article:

How to add interactions as hotspots overlay on the videos?

The WeVideo Interactivity space with the Create New Interactive Video button highlighted
The WeVideo Multimedia Creation space with the Create New Interactive Video button highlighted

Log in to WeVideo, click the Create New Interactive Video button in the Interactivity space or from the Interactive Videos page in the Multimedia Creation space.

The video sources list in the interactive video editor allows users to select the video host

Select a video host and find the video you want to add to the interactive video.

The Customize and Done buttons are highlighted on the video sources page.

Click Done to complete the video import. If you need to add captions or trim the video, click Customize to further edit it.

In the interactive video editor, the playhead is highlighted on the progress bar as the first step, and the Create New Interaction button is highlighted as the second step.

Switch to the Interactions tab, move the playhead to the desired timestamp, and click the Create New Interaction button.

The interaction type is highlighted for users to select different interaction types.

Select the interaction type from the list, then enter the interaction content.

In the interactive video editor, the placement section is highlighted, allowing users to adjust the interaction placement.

Click the Placement option and select a new placement from the drop-down menu. The placement can also be previewed on the right side in real time.

The advanced settings menu button is highlighted in the interaction's placement section.

In addition to the pre-formatted placements, instructors can also adjust the placement location to place the interaction anywhere they want. Click Advanced to expand the advanced menu.

The "left", "top", "width", and "height" options are highlighted for users to adjust the parameters in them

Adjust the hotspot’s placement to the left and top borders, and the hotspot's width and height.

The "Expandable", "Collapsible", "Dark Mode", and "Opacity" options are highlighted for users to adjust.

Instructors can also adjust the following parameters for the interactions:

  • Expandable: If enabled, learners can expand the interaction to full screen by clicking the expand icon on the interaction.
  • Collapsible: If enabled, learners can minimize the interaction when taking the interactive video.
  • Dark Mode: Change the background color to black and text color to white.
  • Opacity: Adjust the interaction background's opacity with the slider.
The save button on the created interaction is highlighted.

After adjusting the interaction’s placement, click Save to save the interaction.

 

Can multiple interaction hotspots be displayed simultaneously?

Yes, interactions can be added to a group and placed at different locations on the screen to have them display at the same time. To add interactions to the same group, first create an interaction with the steps from the previous section.

The "Add interaction to group" button in the interactive video editor is highlighted.

After the first interaction is created, click the Add Interaction to Group button to add a new interaction to this group.

The interaction type is highlighted for users to select different interaction types.

Select the interaction type from the list, then enter the interaction content.

In the interactive video editor, the placement section is highlighted, allowing users to adjust the interaction placement.

Click the Placement option and select a new placement from the drop-down menu. The placement can also be previewed on the right side in real time.

The advanced settings menu button is highlighted in the interaction's placement section.

In addition to the pre-formatted placements, instructors can also adjust the placement location to place the interaction anywhere they want. Click Advanced to expand the advanced menu.

The "left", "top", "width", and "height" options are highlighted for users to adjust the parameters in them

Adjust the hotspot’s placement to the left and top borders, and the hotspot's width and height.

The "Expandable", "Collapsible", "Dark Mode", and "Opacity" options are highlighted for users to adjust.

Instructors can also adjust the following parameters for the interactions:

  • Expandable: If enabled, learners can expand the interaction to full screen by clicking the expand icon on the interaction.
  • Collapsible: If enabled, learners can minimize the interaction when taking the interactive video.
  • Dark Mode: Change the background color to black and text color to white.
  • Opacity: Adjust the interaction background's opacity with the slider.
The save button on the created interaction is highlighted.

After adjusting the interaction’s placement, click Save to save the interaction.

The "Add interaction to group" button in the interactive video editor is highlighted.

To add more interactions to the group, click the Add Interaction to Group button at the top of the interaction group, and repeat the steps in this section.

Limitations to the interaction placement

If multiple interactions are placed at the same location within the same group, only the first interaction in the group will be displayed to learners when they reach that timestamp; the second interaction will be displayed after they complete the first, and so on.

Plan and role requirements for creating interactive hotspots in the WeVideo interactive video editor

All instructors and administrators with a WeVideo Educational Instructor or Organization license can access WeVideo Interactivity to create interactive videos and customize interaction placement to create hotspots within their videos. 

When learners are taking the Learner-Made Interactive Video assignment, they can also modify the interactions they add to the learner-made interactive videos to overlay on the video.


For more support and troubleshooting, visit our Help Center. New to WeVideo? Try for free or contact our team to learn more.

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request