    }); body {    background: #000;  }    #play {    color: #fff;    position: absolute;    font-size: 00px;    left: 00%;    top: 00%;    cursor: pointer;    transition: all 0.0s ease;  }    #close {    display: none;    color: #fff;    position: absolute;    top: 0px;    left: 00%;    font-size: 00px;  }    .section_0 {    background-image: url(image/video_image.jpg);    background-position: center;    background-size: cover;    background-repeat: no-repeat;    height: 000vh;    position: relative;  } <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/0.0.0/css/font-awesome.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/0.0.0/jquery.min.js"></script>  <section class="section_0">    <div id="wideo">      <div id="play">        <i class="far fa fa-play-circle"></i> (кнопка плей)      </div>      <div id="close">        <i class="fas fa fa-times-circle"></i> (кнопка клозе)      </div>      <iframe style="display: none;" id="video" width="000%" height="000vh" src="https://www.youtube.com/embed/-yQ0kxikSJQ?r=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>      <a href="http://000.0.0.0:00000/index.html"></a>    </div>  </section>