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: 56.25%; */
        padding-bottom: calc(56.25% + 81px);
      }

      .bombLive::-webkit-scrollbar {
        display: none;
      }

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

    </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>