JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

HTML

<div id="kt_player" style="visibility: visible; width: 100%; height: 100%; overflow: hidden; position: absolute;  background: rgb(0, 0, 0);">
  <object type="application/x-shockwave-flash" id="kt_player_internal" name="kt_player_internal" data="/kt_player/kt_player.swf" style="visibility: visible;">
    <param name="allowfullscreen" value="true">
    <param name="allowscriptaccess" value="always">
    <param name="wmode" value="transparent">
    <param name="bgcolor" value="000000">
    <param name="flashvars" value="hide_controlbar=1&amp;hide_style=fade&amp;preview_url=http%3A%2F%2Femb.tubefreeporno.com%2Fvideos%2Ff8%2F79%2F1412265673.45169.jpg%3Fe%3D4576460280%26hash%3DdxxWMeVHVg6g6ZvZ_6H93Q&amp;bt=5&amp;urls_in_same_window=1&amp;logo_src=http%3A%2F%2Ftubefreeporno.com%2Fimg%2Fpl_logo.png&amp;logo_position=%5B0%2C0%5D&amp;logo_anchor=topleft&amp;logo_url=http%3A%2F%2Fwww.tubefreeporno.com%2F&amp;adv_start_html_id=exoad&amp;adv_pause_html_id=exoad&amp;video_url=http%3A%2F%2Femb.tubefreeporno.com%2Fvideos%2Ff8%2F79%2F1412265673.45169.mp4%3Fe%3D1466067480%26hash%3D6VyjYQa0LMXr9dOqlxeegQ&amp;video_url_text=720p&amp;internal_id=kt_player_internal">
  </object>
  <div id="exoad" style="position: absolute; width: 320px; height: 250px; display: block; text-align: center; left: 290px; top: 212.5px; background: transparent;">
    <a href="#"><span class="kt-api-btn-start" style="text-align: right; color: #000; background-color: #FFF; font-weight: 700; font-size: 16px; cursor: pointer; font-family: Tahoma,Arial,Helvetica,sans-serif; height: 18px; width: 18px; float:right; line-height: 0.9; margin-bottom: 3px; border-radius: 18px; padding: 1px 3px 0px 0px;">×</span></a>
    <script type="text/javascript">
      var ad_idzone = "2019676",
        ad_width = "300",
        ad_height = "250";

    </script>
    <script type="text/javascript" src="https://ads.exoclick.com/ads.js"></script>
    <noscript>&lt;a href="http://main.exoclick.com/img-click.php?idzone=2019676"...

CSS

/* Сейчас в коде вот так:*/

.vid {
  position: relative;
  padding-bottom: 70%;
  padding-top: 25px;
  height: 0
}

.vid iframe,
#kt_player_internal {
  width: 100%;
  height: 100% position: absolute;
  top: 0;
  left: 0;
}


/* Нужно заменить на вот это:*/

.vid {
  position: relative;
  padding-bottom: 70%;
  margin-top: 25px;
  height: 0;
}

.vid iframe,
#kt_player_internal {
  width: 100%;
  height: 100%;
}