You can now embed video and audio from YouTube, Vimeo, SoundCloud and Spotify!

Posted 3 years ago by Murat Mutlu

mebeds

We’ve just added a great new feature that allows you to embed rich and dynamic content from YouTube, Vimeo, SoundCloud and Spotify in just a couple of clicks.

Check out the result below, click the trailer to start playing video within the prototype!

How to embed video and audio:

  1. Click ‘edit’ on any image
  2. Draw a hotspot container for your video
  3. Select ‘Link to URL or embed media’ from the left hand options
  4. Cut and paste your embed code from either YouTube, Vimeo, SoundCloud or Spotify into the field and use the dropdown to select ’embed’ (you can find instructions on where to get the embed code from each service here and here)
  5. That’s it! Close the editor and hit play to take your prototype for a spin

We’ll be adding more and more services in the future alongside custom data options.

Can’t wait to see what you make!

Hi! I'm one of the co-founders at Marvel and a Product Designer by trade. You can often find me asking why Arsenal haven't signed anyone this season. Follow me on Twitter.

Related Posts

We’re kicking off the new year with a much requested feature from teams that use Marvel everyday with users that are outside of the company, such as clients, developers and stakeholders. Naturally, you may want to have conversations around your work that these external users can’t see, thats where our new feature, Private Comments, comes in. Private Comments allows you… Read More →

A better way to organise your designs At Marvel, we understand how important organisation is when building prototypes. Projects can quickly scale to hundreds of screens, making them difficult to manage, present and collaborate on. That’s why we created Sections, it solves all this in an easy to use and intuitive format. Sections helps you organise screens and makes it… Read More →

Our mission at Marvel is to democratise design and give everyone access to the tools they need to visualise ideas. That’s why we created our Design Tool, it let’s anyone jump into the browser and start creating wireframes and mockups instantly. Now we want to take that to the next level by helping make every single design you create in… Read More →