<div class="background">
  <div class="window glass active">
    <div class="title-bar">
      <div class="title-bar-text"><img id="logo" src="https://i.ibb.co/21Q92tf6/icon.png"/></div>
      <div class="title-bar-controls">
        <div class="btn is-minimize" id="minimize"></div>
        <div class="btn is-maximize" id="maximize"></div>
        <div class="btn is-close" id="close"></div>
      </div>
    </div>
    <div class="window-body">
    <iframe class="iframe" src="https://youtube.com/embed/YOUTUBEID//?&;autoplay=1&loop=1&controls=0&fs=0&iv_load_policy=3" title="YouTube video player&#10;&#10;&#10;" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encyrpted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
    </div>
  </div>
</div>
<style>
    @import "https://kleinervogel.neocities.org/window.css";
    @import "https://kleinervogel.neocities.org/button.css";
.window.glass.active{
height:185px; width:250px; position:fixed; z-index:999; bottom:5px; right:5px; display:block!important}
iframe{margin-bottom: -1.5%; object-fit:cover}
#logo{position:fixed; margin-top:-0.7%; margin-left:0.5%}
</style>