Gadget Lecteur YouTube / YouTube Player

Générateur de lecteurs vidéo/multi-vidéos/playlist/chaîne YouTube.
Version iframe HTML ou gadget Add-To-Blogger.
Multiple réglages : Autoplay, Annotations, Commandes, etc.

Présentation

L'api Player de YouTube contient un certain nombre de paramètres qui ne sont pas forcément proposés dans les options de bases sur YouTube.
Ce générateur vous donne l'occasion de les essayer et de personnaliser vos players qui peuvent être intégrés aussi bien dans un article, dans une page autonomes ou via un gadget Add-To-Blogger.

• Dans le générateur, vous sélectionnez le type de lecteur, et vous introduisez un identifiant (video/playlist/chaîne)
• Vous personnalisez les commandes et l'apparence
• Vous ne vous préoccupez pas des dimensions. Le lecteur s'adapte automatiquement à la taille de son conteneur lors du chargement de la page.
• Si vous installez la version gadget, vous pouvez définir les conditions d'affichage (Types de pages, accueil)

Installation

Configurez les paramètres et suivez les instructions d'installation.

Global	Version Code HTML standard Gadget Add-To-Blogger ? Type de contenu Vidéo Multi-vidéos Playlist Chaîne ID de la vidéo ID 1ère vidéo ? ID vidéos suivantes ? yCpKQjqb8Y4,ph6piqBnkgU,CA5SI0slgPs,xwtdhWltSIg,mkE2W3nAitI,QZA2v0qF0Zc,H_wnwYg8qeQ,JTo3N73hpPg,Np3mtvVqFUw,_YPeckUBzoM,s-ZhhWNm3hk,ajBpwrqOU2s,ZbUENJ5FjBk,YUfwqNOkDro,SDAuCcBg5uE,M0quXl_od3g,QtpTT-4QJYM,aGuNsiSZ9RI,npkG52p8x9w,UH55GbS8YTI,dc40M9DEVWI,bpE2JdtjE3Q,nWey1DBAchM,HLq8-1fqu34,IOlHPIC4opA,RTdCQYB_SLs,v3o5i9jPvQc,seSpjbEL_6M,rAZz6xT2myA,JKqVx5DGViM,KYcxOUjcEuc,LK6wglhklKg,ZRoGhlXYj7I,G333Is7VPOg,rOPoP4YWgmk,SWtiCRntA-E,etekdZ_y0sM,djV11Xbc914,dq4aOaDXIfY,Ll6LLGePYwM,4kHl4FoK1Ys,NAYD9tiTKUQ,nrivqafkyqY,izGwDsrQ1eQ,3uNyPefjS88 ID de la playlist Nom de la chaîne ? ID de la chaîne ?
Paramètres du lecteur	Démarrage automatique ? Vidéos similaires ? Afficher infos ? Répétition ? Commandes ? Annotations ? Activer le mode de confidentialité avancé ? Langue du blog ? Thème du lecteur Sombre (par défaut) Clair Transparent (beta) Barre de progression Rouge (par défaut) Blanche Proportions du lecteur 1.77:1 [16/9] 1.33:1 [4/3] 2.76:1 2.55:1 2.39:1 2.35:1 2.20:1 1.85:1 1.66:1 [5/3] 1.60:1 [16/10] 1.56:1 [14/9] 1.25:1 [5/4] 1:1
Affichage du gadget ?	Articles Pages autonomes Index Archive Pages 404 Uniquement à la page d'accueil

Le code du lecteur

<!-- Player YouTube - Blogger Config.
     Ref.: http://goo.gl/FP1ybU -->
<div class="BC-YT-PLAYER" id="BCplayer-SJKFT0VUyf4"></div>
<script>
 var       autoplay = 0;        // 0 (default) or 1
 var            rel = 1;        // 0 or 1 (default)
 var       showinfo = 1;        // 0 or 1 (default)
 var           loop = 0;        // 0 (default) or 1
 var        control = 1;        // 0 or 1 (default)
  var iv_load_policy = 1;        // 1 (default) or 3
  var          theme = "dark";   // "dark" (default) or "light"
  var          color = "red";    // "red" (default) or "white"
  var widgetBC = document.getElementById('BCplayer-SJKFT0VUyf4');
  var containerWidth;
  if (widgetBC.offsetWidth) { containerWidth = widgetBC.offsetWidth; }
  var containerHeight = (containerWidth/16)*9;
  var src = "https://www.youtube.com/embed/w9gOQgfPW4Y?rel="+rel+"&amp;iv_load_policy="+iv_load_policy+"&amp;autoplay="+autoplay+"&amp;showinfo="+showinfo+"&amp;loop="+loop+"&amp;color="+color+"&amp;controls="+control+"&amp;theme="+theme+"&amp;wmode=opaque&amp;authuser=0";
  var player = document.createElement('iframe');
      player.setAttribute('src', src);
      player.setAttribute('allowtransparency', 'true');
      player.setAttribute('scrolling', 'no');
      player.setAttribute('frameborder', '0');
      player.setAttribute('width', containerWidth);
      player.setAttribute('height', containerHeight);
  document.getElementById('BCplayer-SJKFT0VUyf4').appendChild(player);
</script>

Où recopier ce code ?
Sous cette configuration, le code d'intégration du lecteur peut être ajouté aussi bien dans le code HTML d'un article, d'une page autonome ou dans un gadget HTML/JS.

Note : Ce code d'intégration n'a pas été prévu pour fonctionner dans les modèles dynamiques.

<!-- Lecteur intégré YouTube. Gadget AddToBlogger généré sur Blogger Code. Licence Creative Commons Attribution : Pas d'Utilisation Commerciale - Partage à l'Identique 3.0 non transposé. Attribution : Blogger Code Author : Soraya Lambrechts URL : https://bloggercode-blogconnexion.blogspot.com/ -->

Note : Les gadgets Add To Blogger ne sont pas disponibles pour les modèles dynamiques et la version mobile.

Les lecteurs

• YouTube - Gadget Player
• YouTube - Gadget Playlist
• Deezer - Gadget Playlist