Ceci est une ancienne révision du document !


Intégrer une vidéo dans une page du wiki

On s'y prend de la même façon que pour une présentation déposée sur Calameo, Slideshare, ou autre, en utilisant un code pour l'incrustation, appelé généralement “embed”.

Le fichier de la vidéo pourrait être ajouté comme tout autre fichier en cliquant sur “Ajouter les images ou autres fichiers” dans la barre d'outils au dessus de la page une fois éditée. Mais ce n'est pas une bonne solution (fichier trop lourd).

Il vaut mieux inclure la vidéo et la visionner dans la page du wiki, ce qui est préférable visuellement. Pour cela, deux façons, en utilisant le langage html, ou en utilisant le plugin vshare (installé sur Lingalog).

Embed en html

- déposer votre vidéo sur un site approprié tel que Youtube ou Vimeo ;

- un code que le site met à votre disposition est à recopier, appelé “embed” ou “intégrer”, copier ce code ;

- coller ce code à l'endroit où vous voulez voir la présentation ou la vidéo s'afficher en le faisant précéder et suivre des balises html <html> avant et </html> après.

Voici à quoi ressemble le code “embed” :

 <html><object width="212" height="172"><param name="movie"
 value="http://www.youtube.com/v/Rgul4WAWj6w&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param
 name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Rgul4WAWj6w&hl=en&fs=1"
 type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="212"
 height="172"></embed></object></html>

Et voici le résultat :

<html><object width=“212” height=“172”><param name=“movie” value=“http://www.youtube.com/v/Rgul4WAWj6w&hl=en&fs=1”></param><param name=“allowFullScreen” value=“true”></param><param name=“allowscriptaccess” value=“always”></param><embed src=“http://www.youtube.com/v/Rgul4WAWj6w&hl=en&fs=1” type=“application/x-shockwave-flash” allowscriptaccess=“always” allowfullscreen=“true” width=“212” height=“172”></embed></object></html>

Plugin vshare

Si votre vidéo est sur Youtube, elle a par exemple l'url suivante : http://www.youtube.com/watch?v=2PxQYM__-xU

Ecrire le code suivant pour l'afficher (en utilisant une partie de l'adresse) :

{{youtube>2PxQYM__-xU}}

Pour faire varier la taille, mettre ?small ou ?large, comme ceci

{{youtube>2PxQYM__-xU?small}}

Pour centrer la vidéo sur la page (un espace de chaque côté :

{{ youtube>2PxQYM__-xU?small }}

Procéder en fait comme pour un image fixe pour centrer, et mettre à droite ou à gauche.