web-dev-qa-db-fra.com

Suppression de la superposition "Lecture sur youtube" sur les vidéos incorporées

Existe-t-il un moyen d'utiliser le bouton "Lecture sur youtube" qui est superposé aux vidéos lorsqu'elles sont intégrées? J'ai envisagé d'utiliser le lecteur youtube sans chrome, mais je n'ai pas trouvé de moyen de supprimer la superposition. Quelqu'un a-t-il essayé ou entendu parler d'un moyen de le faire?

youtubeyoutube-apiyoutube-javascript-api
9
Alexis

Les trois paramètres que j'ai trouvés utiles sont:

showinfo=0
controls=0
autohide=1

showinfo=0 s'assure que la vidéo n'affiche pas le titre en haut de l'image vidéo. controls=0 masque la barre inférieure avec le bouton de lecture, le volume, etc. autohide=1 masque les commandes jusqu'à ce que vous les survoliez, ce qui est probablement le plus utile. 

Tous les documents officiels sont ici .

20
Lev

Je l'ai trouvé pas possible. Ainsi, le seul moyen de masquer le bouton Lecture est de placer une image vidéo au-dessus de la vidéo, qui peut être récupérée sur youtube comme suit. Chaque vidéo YouTube comporte 4 images générées. De manière prévisible, ils sont formatés 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 avez ajouté la superposition, cliquer sur l'écran au lieu de contrôle ne lira pas la vidéo. Pour ce faire, ajoutez le jQuery suivant qui lit la vidéo.

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

});
14
Raghav Rach

La réponse la plus votée fonctionne bien maintenant! (Mer. 9 sept. 15) Vous devriez mettre le 

  1. paramètres &showinfo=0&controls=0&autohide=1 juste après le code source vidéo
  2. et sans saut de ligne dans src = "..."

Je pense que presque de vous a manqué à des cas ci-dessus.

Les suivants sont mon exemple de code.

<div>
    <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen
     src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1">
    </iframe>
</div>

Cela signifie ... ne fais pas comme ça,

<iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

ou comme ça,

<iframe src="//www.youtube.com/v/...
             &autoplay=1
             &showinfo=0
             &controls=0
             &autohide=1
             &...></iframe>

et la capture d'écran de résultat de mon exemple.

(Je ne pouvais pas publier d'images en raison de ma réputation ... Voir ici: http://i.stack.imgur.com/zC5lz.jpg )

N'oublie pas!

  1. paramètres &showinfo=0&controls=0&autohide=1 juste après le code source vidéo
  2. et sans saut de ligne dans src = "..."
3
Heedoo

Il n’est pas possible de supprimer le bouton de lecture du lecteur youtube. Hear propose trois solutions de contournement.

1: lecture automatique de la vidéo

2: ajoutez votre propre superposition avec le bouton personnalisé sur le lecteur en utilisant une fois le bouton cliqué, puis gérez la lecture et la mise en pause de la vidéo à l'aide de javascript

3: extraire l'URL du contenu de la vidéo (par rapport à la stratégie youtube, mais cela fonctionne et peut se rompre à tout moment dans le futur)

url embarqué: 

http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

L’URL ci-dessus lira automatiquement la vidéo si vous utilisez HTML 5, elle ne jouera pas automatiquement par défaut. Pour cela, vous devez utiliser le javascript pour lire automatiquement la vidéo.

Une dernière chose: une fois la vidéo terminée, le bouton Bouton de lecture et Informations sur la vidéo s'affiche à nouveau.

2
Nagaraj

Réponse 2017:

Si vous faites référence au logo "YouTube" dans le coin inférieur droit, vous pouvez le supprimer avec le paramètre info:

showinfo=1

Bien entendu, d’autres informations (telles que le titre de la vidéo) sont également affichées, ce qui peut être indésirable. Pourtant, le logo est caché! :)

0
rinogo

METTRE À JOUR:

Avez-vous déjà essayé d’utiliser le paramètre "modestbranding" du lecteur, voir https://developers.google.com/youtube/player_parameters

Exemple: http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

La suppression manuelle de la superposition «Lecture sur youtube» va à l’encontre des Conditions d’utilisation.

Votre client API ne vous incitera pas et ne créera aucune fonctionnalité pour vos utilisateurs ou d’autres tiers: modifiez, remplacez ou désactivez de toute autre manière le fonctionnement des liens vers des sites Web de YouTube ou de tiers fournis dans les résultats de recherche de l'API ou le lecteur YouTube de YouTube;

Ce n'est pas très bien documenté, mais si vous enfreignez les conditions d'utilisation, Youtube risque de mettre votre site en liste noire. En gros, chaque vidéo renvoie un code d'erreur 105 et cesse de fonctionner. Cela est arrivé à un site sur lequel j'ai travaillé une fois et il n'a pas été facile d'entrer en contact avec Google pour obtenir la révocation de la liste noire (après avoir apporté des modifications pour être à nouveau conforme au ToS).

0
P. Galbraith

Malheureusement, le 19 août 2015, l'attribut autohide a été officiellement amorti. Vous ne pouvez plus supprimer le bouton de lecture sans utiliser une quantité modeste de JavaScript.

La même chose peut être trouvée ici https://developers.google.com/youtube/player_parameters#autohide

0
Srivats Shankar