Youtube Player API hide controls, hide info, hide related videos?

Viewed 72007

I am trying to load a Youtube video in the home page (Chromeless) useing JavaScript API. So far I managed to make it auto play, hd720 and fadeOut the video once it is finished.

But I can't find a way to remove controls, hide info and not to load related video at the end.

I know in iframe embed I can use below parameters

controls=0&showinfo=0&autoplay=1&rel=0

But I can't find way to use these parameters in YouTube Player API shown below. Any suggestion?

<script src="http://www.youtube.com/player_api?enablejsapi=1&version=3"></script>

  function onYouTubePlayerAPIReady() {
            player = new YT.Player('video_chromeless', {
                height: '800',
                width: '450',
                videoId: '',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
        }
function onPlayerReady(event){
            player.setPlaybackQuality('hd720');
            event.target.playVideo();
        }
 function onPlayerStateChange(event) {
            if(event.data === 0) {
                $('#video_chromeless').fadeOut(600);
            }
        }
4 Answers
Related