Styleguide

O-Embed: Vimeo 

<div class="a-oembed"><iframe title="Microsoft &amp;ndash; Responsive Potential" src="https://player.vimeo.com/video/300044793?dnt=1&amp;app_id=122963" width="790" height="444" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen=""></iframe></div>
 
<div class="a-oembed">{{{ oembed }}}</div>
  • Content: 
    .a-oembed {
	margin-top: 1.5em;
	margin-bottom: 1.5em;

	&--youtube,
	&--vimeo {
		position: relative;
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;

		iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}
  • URL: /components/raw/a-oembed/_a-oembed.scss
  • Filesystem Path: styleguide/src/components/atoms/a-oembed/_a-oembed.scss
  • Size: 284 Bytes 
{
  "oembed": "<iframe title=\"Microsoft &amp;ndash; Responsive Potential\" src=\"https://player.vimeo.com/video/300044793?dnt=1&amp;app_id=122963\" width=\"790\" height=\"444\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen=\"\"></iframe>",
  "modifiers": [
    "vimeo"
  ]
}

No notes defined.