Aide

Quelques trucs et astuces pour publier sur Cultures Numériques.

Insérer une vidéo ou un diaporama dans un article ou une page

le principe est d’insérer un « shortcode » à l’endroit où l’on veut intégrer la vidéo ou le diaporama en lui mettant les paramètres qui vont bien.

Un shortcode? : c’est un mot clé entre [ et ] avec des paramètres ou pas qui sera interprété par le système de wordpress pour faire apparaître un truc dans l’article à l’emplacement du shortcode.  Dans le cas qui nous intéresse ici, nous allons utilisé des shortcodes qui permettent d’afficher des vidéos ou des diaporamas qui sont sur des site de diffusion comme Youtube, Dailymotion, Blip.tv et un paquet d’autres.

La liste des shortcodes se trouve ici

Quelques exemples:

Attention pour une raison étrange il est impossible d’indiquer les shortcodes par défaut avec les [ et ] qui seront remplacés pour les besoins de l’article par des { et des }… donc penser à mettre les [ et ] dans vos propres articles devant afficher des vidéos.

Blip.tv

{bliptv id width height}

width et height précise respectivement la largeur et la hauteur à afficher (ces deux là sont optionnels).
Pour trouver l’id, sur la page Blip.tv de la vidéo à inclure, en cliquant sur « share » on vous propose un code « embeded player ». Avec une ligne ressemblant a un truc dans ce genre: src="http://blip.tv/play/wiCC0LNpAg.html" frameborder="0" width="550" height="339">....
Ici l’id de la vidéo est wiCC0LNpAg → ainsi un écrivant dans son post on aura le résultat suivant.

Dailymotion

{dailymotion id width height}
Même principe mais “id” de la vidéo src=http://www.dailymotion.com/de/featured/video/x5fgu1_buffedshow-86-von-buffedde_videogames est x5fgu1 → on aurait alors

un autre exemple « Dailymotion »

Youtube

{youtube id} ou {youtube id width height}
Si l’adresse est http://www.youtube.com/watch?v=y-k4_OuY4vw l’id est y-k4_OuY4vw

(il y a aussi un code « playlist »)

slideshare.com (pour les diaporamas)

{slideshare id}
Remplacer “id” par la valeur correspondante dans l’url de partage. Plus simple, depuis le diaporama, cliquer sur « embed » puis « customize » et recopier le code pour wordpress. Ainsi pour http://www.slideshare.net/vincentmabillot/semio-web,on récupérera

Activer les outils étendus de l’éditeur wysiwyg

Suffit de cliquer sur le bon bouton

Éditeur étendu

Éditeur étendu

Laisser un commentaire