Need to add close button to floating video player when it's scrolling

I have sticky video player, that display as - floating video player when user scrolling. I got other functions work. but there is one thing still left - i can't get it work. May be i don't know proper way to - implement close button to top right. when user is scrolling.

my test url: https://minicub.org/videojs/update.html

My code as follows:

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap-grid.css'><link rel="stylesheet" href="style.css">
    
    
    <!-- partial:index.partial.html -->
    <div class="video-wrap">
    <div class="video">
    <iframe width="660" height="380" src="my-sticky.html" frameborder="0" gesture="media" allowfullscreen></iframe>
    </div></div>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script><script  src="https://minicub.org/final-test/script.js"></script>

is there anyway to add close button to iframe and it's only work when floating video player? any thoughts or support-highly appreciate & welcome. Thank you.