{"id":529,"date":"2015-07-30T15:24:58","date_gmt":"2015-07-30T15:24:58","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=529"},"modified":"2020-08-21T16:08:43","modified_gmt":"2020-08-21T15:08:43","slug":"you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/","title":{"rendered":"You can now embed video and audio from YouTube, Vimeo, SoundCloud and Spotify!"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2015\/07\/mebeds.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-530 size-full aligncenter\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2015\/07\/mebeds.jpg\" alt=\"mebeds\" width=\"600\" height=\"450\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">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.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Check out the result below, click the trailer to start playing video within the prototype!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/marvelapp.com\/83h8i6?emb=1\" width=\"452\" height=\"901\" frameborder=\"0\"><\/iframe><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">How to embed video and audio:<\/strong><\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Click 'edit' on any image<\/li>\n<li>Draw a hotspot container for your video<\/li>\n<li>Select 'Link to URL or embed media' from the left hand options<\/li>\n<li>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 <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/support.marvelapp.com\/article\/107-can-i-embed-video\">here<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/support.marvelapp.com\/article\/156-how-do-i-embed-audio\">here<\/a>)<\/li>\n<li>That's it! Close the editor and hit play to take your prototype for a spin<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We'll be adding more and more services in the future alongside custom data options.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Can't wait to see what you make!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;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: Click &#8216;edit&#8217; on any image Draw a hotspot container for your&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":1,"featured_media":530,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[481],"tags":[],"class_list":["post-529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"You can now embed video and audio from YouTube, Vimeo, SoundCloud and Spotify! | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"We&#039;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: Click &#039;edit&#039; on any image Draw a hotspot container for your... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-30T15:24:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T15:08:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2015\/07\/mebeds.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2015\/07\/mebeds.jpg\",\"width\":600,\"height\":450},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/\",\"name\":\"You can now embed video and audio from YouTube, Vimeo, SoundCloud and Spotify! | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#primaryimage\"},\"datePublished\":\"2015-07-30T15:24:58+00:00\",\"dateModified\":\"2020-08-21T15:08:43+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\"},\"headline\":\"You can now embed video and audio from YouTube, Vimeo, SoundCloud and Spotify!\",\"datePublished\":\"2015-07-30T15:24:58+00:00\",\"dateModified\":\"2020-08-21T15:08:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#webpage\"},\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#primaryimage\"},\"articleSection\":\"Product Updates\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-video-and-audio-from-youtube-vimeo-soundcloud-and-spotify\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\",\"name\":\"Murat\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60b7fb1722edde45406cb169ec3eb1e56dc54bf074f00186ba92dae286837d96?s=96&d=mm&r=g\",\"caption\":\"Murat\"},\"description\":\"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.\",\"sameAs\":[\"http:\/\/marvelapp.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/529\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/530"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}