javascript location.href 질문 채택완료

</p>

<p>const videos = document.querySelectorAll("video");</p>

<p>const mainVideo = document.querySelector(".main-flex__video")</p>

<p> </p>

<p>videos.forEach(function(video){</p>

<p>    video.addEventListener("mouseover", showControls);</p>

<p>    video.addEventListener("mouseout", removeControls);</p>

<p><span style="background-color:#f1c40f;">    video.addEventListener("click", redirect);</span></p>

<p>//이부분이요ㅠㅠ</p>

<p><span style="background-color:#f1c40f;">    function redirect(event){</span></p>

<p><span style="background-color:#f1c40f;">        event.preventDefault();</span></p>

<p><span style="background-color:#f1c40f;">        window.location.href = "./play.html";</span></p>

<p><span style="background-color:#f1c40f;">        const addVideo = this.parentNode.querySelector("video");</span></p>

<p><span style="background-color:#f1c40f;">        mainVideo.append(addVideo);</span></p>

<p><span style="background-color:#f1c40f;">    }</span></p>

<p>    </p>

<p>    function showControls(event){</p>

<p>        event.preventDefault();</p>

<p>        video.controls = true;</p>

<p>        video.muted = true;</p>

<p>        video.play();       </p>

<p>    }</p>

<p>    </p>

<p>    function removeControls(event){</p>

<p>        event.preventDefault();</p>

<p>        video.controls = false;</p>

<p>        video.pause();</p>

<p>    }</p>

<p>})</p>

<p>