Как сделать autoplay youtube видео в модальном окне на javascript?

document.querySelectorAll('.video-btn').forEach(button => {
  button.addEventListener('click', function(event) {
      document.querySelectorAll('.video').forEach(item => {
          item.classList.add('video-active');
      })
  })
})
let videoClose = document.querySelectorAll('.video-close');
let video = document.querySelectorAll('.video');
videoClose.forEach(button => {
  button.addEventListener('click', function(event) {
      video.forEach(item => {
          item.classList.remove('video-active');

      })
  })
})

const videoStop = document.querySelector('.video-close');
if (videoStop) {
  videoStop.addEventListener('click', function() {
    let iframe = document.querySelector('.video iframe');
    iframe.src = iframe.src;
  });
}

.video {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    &__wrap {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        min-width: 100%;
        background-color: rgba(0, 0, 0, .5);
        z-index: 2000;
        object-fit: cover;
    }
    &-close {
        position: absolute;
        top: 60px;
        right: 31px;
        z-index: 20000;
        width: 20px;
    }
}
.video-active {
    opacity: 1;
    visibility: visible;
}

<div class="video">
        <iframe class="video__wrap" src="https://www.youtube.com/embed/9Cmdjpu3E_o?si=hC1-OTh-6FuqOq7p&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    <img class="video-close" src="img/close.svg" alt="close">
</div>