Исчезновение и появление кнопки при нажатии на видео js

      const buttons = document.querySelectorAll('.play-video');
    

  
      let isPlaying = false;
      Array.from(buttons).forEach(button => {
            button.addEventListener("click", event => {
                const element = event.currentTarget;
                const video = element.parentNode.querySelector('video');
                if(isPlaying) {
                    video.pause();
                    isPlaying = false;
                } else {
                    isPlaying = true;
                    video.play();
                }
              
            });
      })

});

   <div class="main_video_slider">
        <!-- Slider main container -->
          <div class="swiper-container video-slider">    
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
              <!-- Slides -->
              <div class="swiper-slide  w-1/2 h-96 ">
                   <video class="w-full h-full" loop poster="/images/video_poster_one.png"                                     src="/video/video_Georgia.mp4" id="index-video">
                 </video>
                 <button class="play-video">
                  <i class="bi bi-play text-2xl"></i>
                 </button>
              </div>
            </div>
          </div>
                <div class="swiper-button-prev"></div>
               <div class="swiper-button-next"></div>
      </div>