JSFiddle - React, Tailwind, and code Playground

by gcarames

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>En vivo</title>
    <style>
      .bombLive {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: calc(56.2% + 150px);
      }

      .videoBomb {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      @media screen and (min-width: 768px) {
        .bombLive {
          padding-bottom: calc(56.25% + 81px);
        }
      }

    </style>
  </head>

  <body>
    <div class="bombLive"> <iframe width="560" height="315" src="https://venezuelaaidlive.mdstrm.com/" class="videoBomb" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen scrolling="no"></iframe> </div>
  </body>

</html>