Web Design » InVision » How do you add videos to InVision prototype?

How do you add videos to InVision prototype?

Last updated on December 19, 2022 @ 5:19 pm

Adding videos to an InVision prototype is a breeze! All you need is a video player and some InVision assets. Here’s how to do it:

1. Upload your video to YouTube or some other video hosting service.

2. In InVision, select the Assets tab and find the video you uploaded.

3. Click the blue “Open” button in the top right corner of the thumbnail.

4. In the “Open InVision” dialog, select “InVision.”

5. In the “InVision” window, click the “Player” button.

6. In the “Player” dialog, select the “Embed” option.

7. In the “Embed” dialog, paste the code into the “Source” field.

8. Click the “OK” button.

9. In the “InVision” window, click the “Play” button.

10. Your video will now play in InVision!

If you want to add subtitles to your video, you’ll need to download the Subtitle Maker plugin for InVision. After you’ve installed the plugin, open the InVision document where you want to add subtitles, and click the “Subtitles” tab.

PRO TIP: Adding videos to your InVision prototype can be a great way to engage your users and bring your prototypes to life. However, there are a few things you should keep in mind when adding videos to your prototypes:

1. Make sure the videos you add are relevant to your prototype and add value to the user experience.

2. Avoid adding too many videos, as this can make your prototype appear cluttered and overwhelming.

3. Make sure the videos you add are of high quality and load quickly. Otherwise, users may become frustrated and lose interest in your prototype.

In the “Subtitles” dialog, paste the code into the “Source” field.

Click the “OK” button to generate the subtitles.

Conclusion

Adding videos to an InVision prototype is simple and painless! All you need is a video player and some InVision assets.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.