javascript location.href 질문

const videos = document.querySelectorAll("video");

const mainVideo = document.querySelector(".main-flex__video")

 

videos.forEach(function(video){

    video.addEventListener("mouseover", showControls);

    video.addEventListener("mouseout", removeControls);

    video.addEventListener("click", redirect);

//이부분이요ㅠㅠ

    function redirect(event){

        event.preventDefault();

        window.location.href = "./play.html";

        const addVideo = this.parentNode.querySelector("video");

        mainVideo.append(addVideo);

    }

    

    function showControls(event){

        event.preventDefault();

        video.controls = true;

        video.muted = true;

        video.play();       

    }

    

    function removeControls(event){

        event.preventDefault();

        video.controls = false;

        video.pause();

    }

})