29 juil. 2010

Mettre en ligne une vidéo dans une ibox

Une Ibox présente un effet comparable à la lightbox : fond sombre qui recouvre le blog.
Attendez le chargement complet de la page et donc des fichiers, cliquez, vous verrez le résultat est sympa et ce n'est pas très difficile à réaliser.

My YouTube Video

Etape 1 :

Allez sur Ibox

Cliquez sur ibox.2.17c.zip

Vous venez d'enregistrer un fichier .zip : un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR, Extraire Vers

Etape 2 :

Dans l'administration de votre blog, Mes Documents - Autres fichiers :
  • vous créez un répertoire ibox

    • dans lequel vous créez un sous-répertoire images

      • dans lequel vous enregistrez :

        • bg.png
      • vous notez son adresse
Etape 3 :

Sur votre PC, vous ouvez votre Bloc-Notes, vous appelez le fichier ibox.js :
  • vous recherchez le fichier bg.png
  • vous modifiez son adresse (vous l'avez noté à l'étape 2)
  • vous enregistrez sous le même nom
Etape 4 :

Dans l'administration de votre blog, Mes Documents - Autres Fichiers - répertoire ibox :
  • vous enregistrez le fichier ibox.js
  • vous notez son adresse
Etape 5 :

Vous allez sur Youtube :
  • vous choisissez votre vidéo,
  • vous notez l'adresse qui est dans la barre de navigation de votre navigateur
Etape 6 :

En HTML de l'article où vous voulez placer ce lien, vous collez
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/ibox/ibox.js" type="text/javascript"></script><a rel="ibox" href="http://fr.youtube.com/watch?v=smqBrRhLf2s">My YouTube Video</a>
Vous personnalisez :
  • en rouge : l'adresse de votre fichier ibox.js : vous l'avez noté lors de l'étape 4
  • en vert : l'adresse de votre vidéo : vous l'avez noté lors de l'étape 5
  • en bleu : le nom du lien qui apparaît à l'écran

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)