 gyroscope; picture-in-picture; web-share"
    allowfullscreen
  ></iframe>
</div>

<script>
  const videoWrap = document.querySelector("#video-wrap");
  const video = document.querySelector("#video");
  const videoClassList = video.classList;
  const iframe = document.querySelector("#iframe");
  const videoHeight = video.offsetHeight;

  window.addEventListener("scroll", function () {
    const { innerHeight, scrollY } = window;
    const { scrollHeight } = document.documentElement;
    const windowScrollB