How do I build interactive videos with Boclips?

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 from Boclips

Select Boclips from the list as the video host. Users can also build interactive videos with WeVideo, YouTube, or Vimeo

Instructors can also copy the URL from Boclips and paste it into the Input URL option to import the video from Boclips.

Enter the keywords to search for the videos.

Select the video from the search results.

The title and tags for the selected video can be found on the page, and users can preview the video by clicking the play button.

For more information about the selected video, scroll down to view the video description and learning outcomes.

Click Done to complete importing the video. Users can also click Customize to view the captions or trim the video if needed.

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 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 Boclips if available. 

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.

Generate interactions with the AI tool

When creating interactive videos using Boclips, instructors can utilize the AI tool in WeVideo Interactivity to auto-generate interactions based on the content of the imported videos. 

Select the Generate Interactions button on the Interactions tab.

Choose to generate interactions for the selected video segment or specific time, and specify the complexity and interaction type for the generated interactions.

After adjusting the settings, click Generate Interactions.

The generated interactions will be highlighted in purple to indicate that they are AI-generated. Instructors can adjust the generated interactions' content, answer options, timing, and placement if needed.

For more information about AI-generated interactions in Interactivity, please see this article.

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.

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 this article.

Monitor learners’ progress

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

Have more questions? Submit a request