<div class="video">
<iframe class="video__iframe" src="https://www.youtube.com/embed/FJifhpUjYCc" title="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="video">
<iframe class="video__iframe" src="{{ data.src }}" title="{{ data.title }}" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
{
"language": "en-US",
"data": {
"src": "https://www.youtube.com/embed/FJifhpUjYCc"
}
}
.video {
width: 100%;
position: relative;
padding-bottom: 56.25% // 16:9 aspect ratio
}
.video__iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
import './video.scss';