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

<div>
    <div>
        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="https://www.youtube.com/embed/t9weuifsIaU?enablejsapi=1" style="height:100%;"></iframe>
    </div>
    <div>
        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="https://www.youtube.com/embed/hTphOKyfc9E?enablejsapi=1" style="height:100%;"></iframe>
    </div>
    <div>
        <iframe class="video" scrolling="no" frameborder="0" width="100%" src="https://www.youtube.com/embed/JiuCxkA2B_I?enablejsapi=1" style="height:100%;"></iframe>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {
    var videos = document.getElementsByClassName("video");
    var currentPlayer;

    // 각 동영상 iframe에 이벤트 리스너 추가
    for (var i = 0; i < videos.length; i++) {
        videos[i].addEventListener("load", function () {
            var player = new YT.Player(this, {
                events: {
                    'onStateChange': onPlayerStateChange
                }
            });
        });
    }

    function onPlayerStateChange(event) {
        // 동영상이 재생 중이면
        if (event.data == YT.PlayerState.PLAYING) {
            // 현재 재생 중인 동영상이 있으면 중지
            if (currentPlayer && currentPlayer != event.target) {
                currentPlayer.stopVideo();
            }
            currentPlayer = event.target;
        }
    }
});
</script>