web-dev-qa-db-fra.com

Comment masquer la barre en haut de "youtube" même lorsque la souris le survole?

J'essaie d'intégrer une vidéo sur youtube. Cependant, je n'ai pas trouvé le moyen d'empêcher la barre située en haut de s'afficher lorsque la souris la survolait. Pour mes besoins, il est important que les utilisateurs ne puissent pas avoir de lien direct vers la vidéo d'origine, où ils peuvent regarder à nouveau la vidéo. Le lien suivant donne des commandes pour intégrer des fonctionnalités dans youtube:

https://developers.google.com/youtube/player_parameters#Overview

J'ai utilisé les commandes et les fonctionnalités disablekb pour limiter la capacité des téléspectateurs à ignorer et à rejouer la vidéo. Ce dont j'ai besoin maintenant, c'est de désactiver la barre qui apparaît en haut de la vidéo. 

(Où je me suis procuré http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1 )

youtubeembed
62
user2701033

Cette réponse ne fonctionne plus car YouTube a déconseillé d'utiliser le paramètre showinfo.

Vous pouvez masquer la barre de titre du lecteur intégré en ajoutant &showinfo=0. Vous ne pouvez pas supprimer complètement tous les liens vers la vidéo d'origine. Voici ce que vous pouvez faire de mieux

<iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>

Ce code supprimera la barre de titre, la marque YouTube dans les contrôles, les contrôles (facultatif, delete controls=0 si vous avez besoin de contrôles). Mais un logo YouTube blanc sera affiché sur la vidéo avec le lien vidéo.

Mise à jour 1: Voici un nouvel outil que j'ai construit pour générer un code de lecteur youtube intégré personnalisé - Générateur de code intégré Youtube intégré

110
Shan Eapen Koshy

Pour retirer votre tube controls et title, vous pouvez faire quelque chose comme ceci. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>

Vérifiez cet exemple à quoi il ressemble

showinfo=0 est utilisé pour supprimer title et &controls=0 pour supprimer controls comme volume, play, pause, deploy.

9
Umang Patwa

Ce qui suit fonctionne pour moi:

?rel=0&amp;fs=0&amp;showinfo=0

8
Shirley Ashby

Vous pouvez essayer ça a fonctionné pour moi.

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe>
</div>

Intégration réactive utilisant Bootstap

Permettez aux navigateurs de déterminer les dimensions de la vidéo ou du diaporama en fonction de la largeur du bloc qui les contient en créant un rapport intrinsèque qui sera correctement mis à l’échelle sur tout périphérique.

Style youtube video:

  • Sélectionnez une vidéo sur youtube, cliquez sur Partager, puis sur Intégrer.
  • Sélectionnez le code d'intégration et copiez-le.
  • Commencez à modifier après la version = 3 Www.youtube.com/embed/VIDEOID?rel=0?version=3
  • Assurez-vous d'ajouter un '&' entre chaque élément.
  • Pour la lecture automatique: ajoutez "autoplay = 1"
  • Pour la boucle: ajouter "boucle = 1"
  • Masquer les contrôles: ajouter "contrôles = 0"

Pour plus d'informations, consultez ce lien https://developers.google.com/youtube/player_parameters#autoplay

Merci
BanyanTheme

5
Jilani A

showinfo=0 Ne fonctionnera plus car il est déconseillé

https://developers.google.com/youtube/player_parameters#showinfo

5
Daut

Ouvrez la vidéo sur youtube. Cliquez sur l'option de partage. Dans l'option de partage, cliquez sur la balise incorporée . Vous pouvez voir dans la balise incorporée une case à cocher. Décoché sur le titre de la vidéo et les actions du joueur. Après cela, il suffit de copier la balise frame. 

<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
0
Jeevan Pawar