<div class="b-embed b-embed--4by3">
<iframe src="https://www.youtube.com/embed/jPEYpryMp2s?rel=0&showinfo=0" allowfullscreen></iframe>
</div>
<div class="b-embed{{ modifier }}">
<iframe src="https://www.youtube.com/embed/jPEYpryMp2s?rel=0&showinfo=0" allowfullscreen></iframe>
</div>
{
"name": null,
"modifier": " b-embed--4by3",
"title": "4:3"
}
There is no default for this component, you have to supply a modifier. Modifiers will give the component height, also making it responsive.