iframe으로 불러온 동영상을 한페이지에서 동시에 한개만 재생되게 할방법 있나요? 채택완료

</p>

<p><div>

    <div>

        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="<a href="https://www.youtube.com/embed/t9weuifsIaU?enablejsapi=1"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/t9weuifsIaU?enablejsapi=1"</a> style="height:100%;"></iframe>

    </div>

    <div>

        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="<a href="https://www.youtube.com/embed/hTphOKyfc9E?enablejsapi=1"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/hTphOKyfc9E?enablejsapi=1"</a> style="height:100%;"></iframe>

    </div>

    <div>

        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="<a href="https://www.youtube.com/embed/JiuCxkA2B_I?enablejsapi=1"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/JiuCxkA2B_I?enablejsapi=1"</a> style="height:100%;"></iframe>

    </div>

</div></p>

<p><script>

document.addEventListener("DOMContentLoaded", function () {

    var videos = document.getElementsByClassName("video");

    var currentPlayer;</p>

<p>    // 각 동영상 iframe에 이벤트 리스너 추가

    for (var i = 0; i < videos.length; i++) {

        videos[i].addEventListener("load", function () {

            var player = new YT.Player(this, {

                events: {

                    'onStateChange': onPlayerStateChange

                }

            });

        });

    }</p>

<p>    function onPlayerStateChange(event) {

        // 동영상이 재생 중이면

        if (event.data == YT.PlayerState.PLAYING) {

            // 현재 재생 중인 동영상이 있으면 중지

            if (currentPlayer && currentPlayer != event.target) {

                currentPlayer.stopVideo();

            }

            currentPlayer = event.target;

        }

    }

});

</script>