Est-il possible de cacher le grand bouton de lecture rouge de youtube avec un paramètre?

Exemple rapide du code que j'utilise actuellement pour créer mon iframe YouTube:

player = new YT.Player('[PLAYER ID]', { height: '300', width: '480', videoId: '[VIDEO ID]', playerVars: { 'controls': 0, 'showinfo': 0 }, });

Tout fonctionne bien jusqu'à présent, il charge la vidéo bien sans contrôles ni la bande d'information, et je "joue manuellement" la vidéo en utilisant javascript.

Le problème est qu'il n'y a maintenant aucun besoin pour le grand bouton 'play' rouge qui est momentanément affiché en tant que début de la vidéo.

Entrez la description de l'image ici

Est-ce que je peux me débarrasser de cela? J'ai parcouru la documentation et je n'ai pas trouvé un paramètre approprié qui me permettrait de la masquer.

Je l'ai trouvé impossible. Donc, la seule façon de cacher le bouton Play est de placer une image vidéo au-dessus de la vidéo qui peut être extraite de youtube comme suit. Chaque vidéo YouTube comporte 4 images générées. Ils sont formés de manière prévisible comme suit:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

Mais une fois que vous ajoutez la superposition, en cliquant sur l'écran au lieu de la commande, vous ne pourrez pas lire la vidéo. Pour cela, ajoutez le jQuery suivant qui joue la vidéo

 jQuery('#overlay').click(function(){ jQuery(this).hide(); jQuery('#youtube_id').get(0).playVideo(); });

Chaque vidéo YouTube comporte 4 images générées. Ils sont formés de manière prévisible comme suit:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

Le premier de la liste est une image pleine grandeur et d'autres sont des images miniatures. L'image miniature par défaut (c'est-à-dire l'une de 1.jpg , 2.jpg , 3.jpg ) est:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

Pour la version haute qualité de la vignette, utilisez une URL similaire à celle-ci:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

Il existe également une version de qualité moyenne de la vignette, en utilisant une URL similaire à celle du QG:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

Pour la version de définition standard de la vignette, utilisez une URL similaire à celle-ci:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

Pour la version de résolution maximale de la vignette, utilisez une URL similaire à celle-ci:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

Toutes les URL ci-dessus sont disponibles sur https aussi. Modifiez simplement http à https dans n'importe laquelle des URL ci-dessus. En outre, le nom d'hôte légèrement plus court i3.ytimg.com fonctionne à la place de img.youtube.com dans les exemples ci-dessus.

Alternativement, vous pouvez utiliser l' API de données YouTube (v3) ou l'ancienne API YouTube v2.0 pour obtenir des images miniatures.