• Contact
  • Annonceurs

AURELIENPI.AT

Anything but the web !

  • Toutes les Archives
  • Blog
    • Wiki Technique
    • RDW
    • Panoramiques
    • Musique
  • Photos
  • Voyages

Tagged: Service

Les miniatures des vidéos Youtube

  • by Aurélien PIAT
  • in Wiki Technique
  • — 20 Juil, 2013

Caque vidéo Youtube possède 4 captures par défaut d’une vidéo. Elles sont définies ainsi :

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

Le premier de la liste est une image de taille assez grande et les autre sont les miniatures. Celle par défaut :

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

Pour la haute qualité des miniatures par défault utilisez une URL semblable à celle ci :

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

Pour la résolution maximum de la miniature par défaut utilisez cette URL :

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

Sinon, vous pouvez toujours utiliser YouTube API pour obtenir les miniatures de vos vidéos :

<?php $json = json_decode(file_get_contents("http://gdata.youtube.com/feeds/api/videos/gzDS-Kfd5XQ?v=2&alt=jsonc"));
echo '<img src="' . $json->data->thumbnail->sqDefault . '">';

Source

En savoir plus

Afficher simplement votre flux Google+ sur wordpress via un widget (WordPress/Google+)

  • by Aurélien PIAT
  • in Wiki Technique
  • — 10 Août, 2011

Vous souhaitez afficher votre activité sous Google+ dans WordPress ? Très simple, trouvez votre ID Google+ et ajoutez le à l’adresse url suivante : ‘http://plusfeed.appspot.com/<votre_id_google+>‘.

Pour trouver votre id Google+, allez sur votre profil, il s’agit du numéro dans l’url comme indiqué dans la suite (cliquez sur l’image pour zoomer) :

Puis dans votre interface d’administration de WordPress profitez du widget flux pour afficher vos nouvelles dans WordPress à l’endroit que vous souhaitez : Header, Sidebar, Footer selon ce que votre thème vous permet de faire.

Puis selon ou vous l’avez placé, configurez le comme il se doit en ajoutant votre url personnalisée et agrémentée des quelques options disponibles :

Finalement observez le résultat depuis votre blog :

Attention toutefois, si vous êtes surpris de ne voir aucun éléments ou très peu dans le flux généré par ce service malgré vos multiples partages : ne paniquez pas ! Ce n’est pas une erreur de configuration mais une ‘erreur’ lors du partage de vos éléments ! En effet ceux ci ont du être partagé soit à travers vos cercles soit en ‘mode public‘, veillez donc bien à les partager en ‘mode public‘ pour les voir apparaitre dans le flux de votre widget WordPress !

Source : Guim & PlusFeed

En savoir plus

Bouton Google +1 (PHP / WordPress)

  • by Aurélien PIAT
  • in Wiki Technique
  • — 1 Juin, 2011
Bouton Google +1 (PHP / WordPress)

Ca y est ! Google a sorti son bouton +1 ! Pour l’insérer et en faire profiter vos blogs c’est très simple si vous possédez un compte gmail !

Pour WordPress aller dans ‘Apparence >> Editeur‘ ajouter dans votre fichier d’entête (header.php) ou avant la de la balise </body>le code javascript suivant :

<!-- Placez cette balise dans la section <head> -->
<!-- ou juste avant la balise de fermeture </body> -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'fr'}
</script>

Puis a l’endroit ou vous souhaitez insérer votre bouton ajoutez simplement le code suivant avec la taille que vous spécifiez (small,medium & tall) :

<!-- Placez cette balise à l'endroit où vous -->
<!-- souhaitez que le bouton +1 s'affiche -->
<g:plusone size="tall"></g:plusone>

Vous pouvez le customiser simplement avec un peu de css encadré dans une balise <div></div> et appliquez lui un style.

<div align="right" style="float: right; margin-left: XXpx;>
<g:plusone size="tall"></g:plusone>
</div>

Et voila, c’est maintenant fini ! Vous pouvez admirer le résultat lors de la consultation d’un article.

Lors d’un clic une fenêtre pop-up s’ouvre de la sorte et vous propose de “plus-un-é” la page que vous visualisez ! Ce +1 est associé à votre profil Google.

Pour aller plus loin :

  • L’utilisation que vous faites du code ci-dessus est régie par les règles applicables aux éditeurs qui utilisent le bouton Google +1.
  • Pour plus d’informations, référez-vous aux questions fréquentes.
  • Pour consulter les options de personnalisation et les questions fréquentes sur les aspects techniques, reportez-vous à la page de documentation complète.
En savoir plus
  • Onglets

    • Recent Posts
    • Most Popular
    • Comments
    • Tags
    • L’Écosse en une semaine6 mars 2020
    • Belkin Wemo Switch : allumer, éteindre et statut de tous vos switchs !20 mars 2016
    • Réparer VM Oracle VirtualBox Avorté11 décembre 2014
    • NAS Thecus N25607 octobre 2014
    • Afficher la couverture du livre en cours de lecture sur le Kobo By Fnac18 mai 2012
    • Comment installer des presets (paramètres prédéfinis) sur Adobe Lightroom 4 sur Mac20 juillet 2013
    • Sauvez votre lapin ! (Nabaztag)2 août 2011
    • Test du Videoprojecteur BenQ W700+22 février 2013
    • Fanny's Party 40 - Noël à la pelle - CatnGeek on:Sauvez votre lapin ! (Nabaztag)
    • maxime arnaudet on:Comment installer des presets (paramètres prédéfinis) sur Adobe Lightroom 4 sur Mac
    • Kb on:Afficher la couverture du livre en cours de lecture sur le Kobo By Fnac
    • Muriel on:Afficher la couverture du livre en cours de lecture sur le Kobo By Fnac
    • alternative app apple application astuce bretagne coding eclipse film flore fonction ftp Google gopro guadeloupe ios iphone kobo le sud liseuse mac os x media mer nas nature nowatch oracle os x panoramique photo photographie php pl/sql plugin podcast procedure qnap server serveur ssh video wallpaper wordpress xml youtube
  • Home
  • Tagged: Service
  • Wiki Technique

    • Belkin Wemo Switch : allumer, éteindre et statut de tous vos switchs !20 mars 2016
    • Réparer VM Oracle VirtualBox Avorté11 décembre 2014
    • QNAP inclut le chiffrement intégral du NAS basé sur la technologie de chiffrement de volume2 octobre 2014
    • Augmenter un File System sous Linux6 juin 2014
    • Augmenter la taille d’un disque dur d’une VM sous VirtualBox (VDI)4 mars 2014
  • Blog

    • L’Écosse en une semaine6 mars 2020
    • NAS Thecus N25607 octobre 2014
    • QNAP inclut le chiffrement intégral du NAS basé sur la technologie de chiffrement de volume2 octobre 2014
    • HPC, la course à la puissance.4 juin 2014
    • YunoHost : Adieu Gmail, Drive, Dropbox, etc.19 mars 2014
  • Médias

    • Revue du web du 25/05/201325 mai 2013
    • Revue du web du 16/05/201316 mai 2013
    • Revue du web du 30/03/201330 mars 2013
    • Revue du web du 04/03/20134 mars 2013
    • freshnews #357 Samsung Galaxy Note III / Appels telephoniques sur Facebook Messenger / iPad detrone17 janvier 2013
  • A propos
  • Mentions legales
  • FAQ

Aurélien PIAT 2011~2020 - aurelienpi.at - Certains droits réservés : Creative Commons (France)