QUAND HABIBI N
QUAND HABIBI N'EST PAS LÀ (GOOGLE VIDÉO)
Techniques SPIP

Vous trouverez ici des trucs et astuces destinés aux développeurs de sites sous SPIP.

La majorité de ces trucs est consacrée aux filtres graphiques introduits dans SPIP 1.9. Il y a là en effet un vaste champ d’expérimentation pour les webmestres et les graphistes.

Chaque truc est suivi d’un forum auquel nous vous invitons à participer.

N.B. La présence de ces trucs et astuces sur notre site professionnel est destinée à faire connaître notre activité de création de sites sous SPIP. Vous pouvez librement utiliser les morceaux de code fournis ici dans vos propres squelettes. Vous pouvez reprendre ces exemples sur votre site ou dans les forums d’un autre site ; dans ce cas, nous vous demandons simplement d’avoir la courtoisie de référencer la page d’où est tiré le code repris.

XML

[SPIP 1.8] Après YouTube et DailyMotion, voici une troisième méthode pour intégrer des vidéos distantes dans vos articles : Google Video. La logique est identique aux deux exemples déjà exposés, je vous laisse donc relire ces articles.

Une fois la vidéo en ligne, la seule subtilité consiste à récupérer :
— l’adresse du fichier distant,
— ses dimensions.

- Dans Google Video, recherchez le nom de votre chanteur préféré : عمرو دياب. (Non, je plaisante.)

- Rendez-vous sur la page de la vidéo qui vous intéresse.

- Cliquez, dans le bandeau droit, sur le bouton « Share this video », puis sur le lien « Embed HTML » (lorsqu’il existe ; certaines vidéos ne sont pas partageables). Récupérez le texte qui apparaît :

Ce qui donne :

  1. <embed style="width:400px; height:326px;"
  2.         id="VideoPlayback" align="middle"
  3.         type="application/x-shockwave-flash"
  4.         src="http://video.google.com/googleplayer.swf?docId=-3993318483461043830"
  5.         allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff"
  6.         scale="noScale" salign="TL"  FlashVars="playerMode=embedded">
  7. </embed>

- L’adresse du fichier distant est l’URL après la variable src : http://video.google.com/googleplayer.swf?docId=-3993318483461043830
- La largeur et la hauteur sont présents dans le style : style="width:400px; height:326px;"

- Sur votre propre site, utilisez ces informations de la même façon que pour DailyMotion.

- Yalla !


Oui mais est-ce qu’on peut en installer plusieurs par page ?

Voyons cela tout de suite :

Kiss Kiss Korea

ou encore :

Brokeback to the future
Votre message :
Un message, un commentaire ?

(Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)