5.20 Video description teaser View in a new window

Example

For councils

Here you will find specific information including forms, procedures and asbestos campaign materials
Markup 
{% set data = data|default({
      "theme": "",
      "heading": "For councils",
      "copy": "Here you will find specific information including forms, procedures and asbestos campaign materials",
      "modifier_class":"",
      "src": "https://www.youtube.com/embed/oenxVnRznwU",
    }) 
%}
<div class="video-teaser-caption {{data.modifier_class}}">
  <div class="row">
    <div class="col-md-6 col-12">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src="{{data.src}}" allowfullscreen></iframe>
        </div>
    </div>
    <div class="video-teaser-caption__content col-md-6 col-12">
        <h2 class="video-teaser-caption__title">
          <a href="{{data.linkUrl}}" class="video-teaser-caption__link">{{data.heading}}</a>
        </h2>
        {% if data.copy %}<div class="video-teaser-caption__copy">{{data.copy}}</div>{% endif %}
    </div>
  </div>
</div>