How to Dynamically change Youtube Player video

<script src="https://www.youtube.com/iframe_api" type="text/javascript"></script>
<script type="text/javascript">
    /** List of youtube videos */
    var videos = new Array('tGiJSnwBwDQ', 'NjPCjCCjMH4', 'ioWkx6WRH2I')

    var currentId = -1;
    /** Create player object **/
    var player;
    function onYouTubeIframeAPIReady()
    {
        player = new YT.Player('youtubePlayerId', {events: {onReady: onPlayerReady, onStateChange: onPlayerStateChange}})
    }
    function onPlayerReady(event) {
        /** Mute the video **/
        player.mute();
        player.setVolume(0);
        /** Mute the video **/
        //player.playVideo();
    }
    function onPlayerStateChange(event) {
        /* If video stop */
        if (event.data === 0) {
            currentId++;
            if (videos.length <= (currentId + 1)) {
                currentId = 0;
            }
            player.loadVideoById(videos[currentId]);
        }
        /* If video stop */
    }
</script>
<iframe frameborder="0" height="350" id="youtubePlayerId" src="//www.youtube.com/embed/0Bmhjf0rKe8?rel=0&amp;modestbranding=1&amp;autoplay=0&amp;enablejsapi=1" type="text/html" width="390"></iframe>

Best Related Posts are Following:

1. How to Convert Youtube Data API V3 video duration format to seconds in PHP?.
2. How to remove the YouTube Logo from the Video Player?.
3. How to embed muted youtube video with autoplay.