YouTube Player API masquer les contrôles, masquer les informations, masquer les vidéos connexes?

J'essaie de charger une vidéo Youtube dans la page d'accueil (Chromeless) en utilisant L'API JavaScript. Jusqu'à présent, j'ai réussi à le faire jouer automatiquement, hd720 et fadeOut la vidéo Une fois qu'il est terminé.

Mais je ne trouve pas de moyen de supprimer les contrôles, de masquer les informations et de ne pas charger la vidéo associée à la fin.

Je sais que dans iframe embed je peux utiliser les paramètres ci-dessous

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

Mais je ne trouve pas moyen d'utiliser ces paramètres dans L'API YouTube Player ci-dessous. Toute 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);
            }
        }
26
demandé sur meagar 2012-08-10 15:09:47

2 réponses

Vous pouvez définir 'playerVars' dans le deuxième paramètre de " YT.Joueur": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

30
répondu Johni 2012-08-10 11:15:59

Cela fonctionne très bien pour moi:

player = new YT.Player('divId', {
    videoId : videoSrc,
    playerVars: { 
        'autoplay': 0,
        'controls': 1, 
        'rel' : 0,
        'fs' : 0,
    }
});
21
répondu PsychoScripter 2018-04-23 07:02:42