Videos are a great way to add rich and dynamic content to your prototypes. Marvel lets you embed videos directly from YouTube, Vimeo or Wistia.
How to embed video in Marvel:
- Hover over any image in your project
- Click Prototype
- Select any existing hotspot or click and drag anywhere on the image to draw a new hotspot
- Click Link to URL or embed
- Select Embed in the drop-down menu
- Paste your embed code from Youtube or Vimeo
- Click Save
Where to find the embed code on YouTube:
- Go to any video on YouTube
- Click 'Share'
- Click 'Embed'
- Copy the embed code
You can click Show More to access additional options such as removing the player controls.
Where to find the embed code on Vimeo:
- Go to any video on Vimeo
- Click 'Share'
- Copy the embed code
You can click Show Options to access additional options such as looping the video and labels.
Where to find the embed code on Wistia:
- Go to any video on Vimeo
- Click the 'Share' icon
- Click 'Embed'
- Copy the embed code
You can click Show Options to access additional options such as looping the video and labels.
Note - when copying the embed code, the entire embed code should be copied, so it should look like this when it's pasted into Marvel:
<iframe width="560" height="315" src="https://www.youtube.com/embed/Lm8p5rlrSkY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>