UHasselt Component Library

Video 

<div class="video">
    <iframe src="https://www.youtube.com/embed/8Z-96vawOGI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
 
<div class="video">
  <iframe src="{{url}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
 
{
  "url": "https://www.youtube.com/embed/8Z-96vawOGI"
}
  • Content: 
    .video
{
    @apply relative;
    padding-bottom: 56.25%;

    > iframe
    {
        @apply absolute w-full h-full;
    }
}
  • URL: /components/raw/video/video.css
  • Filesystem Path: src\components\02-atoms\video\video.css
  • Size: 133 Bytes

No notes defined.