Example
">
Markup
<div class="video" style="padding-top: 56.25%" data-video="<iframe title="FORS Drohne Clip" width="640" height="360" src="https://www.youtube.com/embed/qhJMEmXazbQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>">
<div class="image image--fill image--landscape video__cover">
<div class="image__image">
<img src="images/test-image.jpg">
</div>
</div>
</div>
<div class="video" style="padding-top: 56.25%">
<iframe title="" src="https://www.youtube.com/embed/qhJMEmXazbQ?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" data-original-title="FORS Drohne Clip" width="640" height="360" frameborder="0"></iframe>
</div>
Source:
assets/styles/02-atoms/04-base/_video.scss, line 1