How do I build interactive videos with YouTube or Vimeo videos?

Jason Liu -

In this article:

Launch the interactive video editor

From Multimedia Creation space

Select the Interactive Videos tab from the left sidebar menu and click the Create Interactive Video button to launch the interactive video editor.

From Interactivity space

Select the My Interactive Videos tab from the left sidebar and click the Create New Interactive Video button to launch the interactive video editor.

Import videos

Select YouTube or Vimeo as the video host from the list. Users can also create interactive videos with exports in WeVideo by selecting the WeVideo option. Please see this article for more information about creating interactive videos with projects in WeVideo.

Search for the video with the keyword and select the video to use.

If the direct link for the video is available, users can also paste it into the Input URL section to import the video. Please note that only links from YouTube and Vimeo can be imported through the Input URL option.

Click Done to complete importing the video. Users can also click Customize to add captions and trim the imported video. Please see the next section for more information about editing imported videos.

To add more videos to the interactive video, switch to the Video Segments tab and click Add Video to import more videos. The videos do not need to be imported from the same source.

To reorder the imported videos, toggle the Enable drag and drop reordering option at the top, drag and drop the video segments to reorder them, and toggle the option off when finished.

Edit the imported videos

Click the pen icon in the top right corner of the imported video and select Edit Video Segment.

Select the Current Video option to edit the video. Users can also select other options to replace this video segment.

View and upload captions

Click the Captions tab at the top to view the available captions for the video segment. WeVideo Interactivity will automatically stream the captions from YouTube and Vimeo if available. If the captions are available on YouTube but not visible in Interactivity, please play the video by clicking the play button in the lower left corner for a few seconds to allow the captions to stream.

If you own the video and have caption files, you can upload the captions by dragging the caption file to the upload section. With the uploaded captions, users can use WeVideo’s AI tool to generate interactions for the video. Please see this article for more information about AI-generated interactions in WeVideo Interactivity.

Trim and crop videos

Click the Trim & Crop tab and use the green and red flags on the timeline to trim the video. The trims will only affect the imported video in Interactivity and will not affect the original video on the host sites.

To add internal crops, move the white play head to the time stamp for the crop, click Advanced to expand the advanced settings, and click Add Internal Crop.

Adjust the start and end times for the crop, or use the green and red flags to adjust the crop. The videos between these times will not be displayed to learners. The crops will only affect the imported video in Interactivity and will not affect the original video on the host sites.

Users can repeat the steps above to add more crops to the video if needed.

Add interactions to the interactive video

There are three options for instructors to add interactions to the interactive video.

  • Apply pre-formatted templates
  • Create interactions from scratch
  • Generate interactions with the AI tool

Apply pre-formatted templates

Select Open Template Gallery to expand the template gallery.

Find a suitable template for the interactive video and click Apply to add it to the interactive video.

Click Apply again to confirm adding this template to the interactive video.

The template has been added, and instructors can click on each interaction to edit the content.

Create interactions from scratch

Drag the play head to the timestamp where the interaction should be placed and click the + Create New Interaction button.

Select the interaction type to add from the list. Please see the description for each interaction below.

  • Multiple Choice: Learners need to choose one correct answer from a list of answer options. This interaction can only have one correct answer and will be auto-graded.
  • Check All: Learners need to choose all the correct answers from a list of answer options. This interaction will be auto-graded.
  • Free Response: Learners answer the question by submitting their responses in text, image, or audio format. This interaction requires instructors to grade it manually. Please see the monitor section below for more information about the grading.
  • Fill-in-the-blank: Present learners with a phrase missing one or more words. Questions can have multiple blanks and multiple correct answers. Please press Enter/Return to separate each correct answer. Responses are not case-sensitive but spelling-sensitive. Learners can receive partial credit for their answers, and this interaction will be auto-graded.
  • Poll: Learners select one or more options from a list of answer options. There is no right or wrong answer to this interaction, and the interaction is non-graded by default. If points are added to this interaction, all learners who answer it will receive full credit for this interaction.
  • Discussion: Learners can post comments and reply to their peers’ posts in real time. Instructors can monitor and delete the post if needed. This interaction is non-graded by default. If points are added, all learners who contribute to the discussion will receive full credit for this interaction.
  • Pause: Pause the video playback and display the information entered by the instructor.
  • Web Embed: Embed a website in the video player that allows learners to explore the website without leaving the video.
  • PDF file: Upload the PDF file from the device to the interactive video as an interaction. Learners can use the built-in tool to add comments, highlight text, and draw on the PDF file. These annotations will also be exportable for learners when they download the PDF file from the interactive video. 
  • My interactions: The interactions created by the user before can be found and reused from here.

After selecting the interaction type to add, enter the information for the interaction and click Save to create the interaction.

(Optional) Update the time code in the Interaction Time section to adjust the timing of the interaction if needed. 

(Optional) Instructors can also make the interaction durational, which will be displayed to learners within the set start and end times. To do so, click the three-dot button in the Interaction Time section and select Add End Time.

(Optional) By default, the interaction will be placed in the left sidebar. To adjust its placement, click the placement on the top right and select a new placement for the interaction. Instructors can further fine-tune the placement by expanding the Advanced settings.

Generate interactions with the AI tool

If you are the owner of the videos, please download the caption file in .VTT format and manually upload the captions into WeVideo Interactivity to use the AI-generated interactions with the uploaded captions. Please see this article for more information about AI-generated interactions in Interactivity.

Adjust interactive video settings and preview the interactive video

After adding the interactions, switch to the Review tab to view the review page. Instructors can edit the title, add learning objectives, or upload a new thumbnail on the review page.

Expand the Tags section to add tags, target audience, and subjects for this interactive video to help organize the interactive videos in the account. Then, click Save Changes to complete editing.

Expand the Playback Options to adjust the playback settings if needed. Click Save Changes to complete editing.

Expand the Privacy section and adjust the privacy settings for the interactive video. This setting will only affect whether other instructors can find it from the Premade Interactive Video Library and will not affect whether your learner can access the interactive video.

Click Preview to preview the interactive video, or click Save and Exit to save and close the interactive video editor.

Assign interactive videos to learners

Interactive videos can be assigned to learners through WeVideo Classes or the LMS integration, if available in the license. For more information about assigning interactive videos to learners, please see these articles.

Monitor learners’ progress

Please see this article for more information about monitoring learners’ progress in WeVideo Interactivity.

Have more questions? Submit a request