<div class="mediaBlock u-bg-theme">
    <div class="mediaBlock_figure mediaBlock_figure-video">
        <div class="embed embed-4:3">
            <div class="embed embed-4:3">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/roS6oFjCDhc" frameborder="0" allowfullscreen></iframe>
            </div>

        </div>
    </div>

    <div class="mediaBlock_body">

        <h2 class="mediaBlock_title">
            <a href="#">
        Lorem ipsum
      </a>
        </h2>

        <div class="typography">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
        </div>

        <div class="mediaBlock_actions">

            <p class="mediaBlock_action">
                <a class="actionLink actionLink-alt" href="#">
  <span>Lorem ipsum</span>
</a>

            </p>
        </div>
    </div>
</div>
<div class="mediaBlock u-bg-theme">
  <div class="mediaBlock_figure mediaBlock_figure-video">
    <div class="embed embed-4:3">
      {{render '@embed--4:3' }}
    </div>
  </div>

  <div class="mediaBlock_body">

    <h2 class="mediaBlock_title">
      <a href="{{url}}">
        {{label}}
      </a>
    </h2>

    <div class="typography">
      {{{htmlText}}}
    </div>

    <div class="mediaBlock_actions">

      <p class="mediaBlock_action">
        {{render '@action-link--alt' }}
      </p>
    </div>
  </div>
</div>
{
  "label": "Lorem ipsum",
  "labelLong": "Lorem ipsum dolor sit amet",
  "htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
  "htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
  "htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
  "url": "#",
  "videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
  "id": "1",
  "img": "/assets/bridge-4-3.jpg",
  "links": [
    {
      "name": "first link"
    },
    {
      "name": "fourth link"
    }
  ]
}

There are no notes for this item.