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

Si vous voulez intégrer votre propre vidéo vous devez d'abord la déposer sur Youtube ou Vimeo

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).

Exemple avec le bouton "Insert video from video sharing" (plugin vshare)

Cette méthode ne fonctionne qu'avec les vidéos youtube et vimeo

Pour insérer la vidéo vous devez d'abord copier l'URL de la page de la vidéo qui se trouve dans la barre d'adresse de votre navigateur :

ensuite cliquez sur le bouton “Insert video from video sharing” dans la barre d'outils :

puis collez l'URL

La syntaxe sera alors automatiquement ajoutée à votre page.

Vous pouvez aussi utiliser directement la syntaxe.

Vimeo

Voici la syntaxe : 

{{vimeo>68180971?medium}}

Voici le résultat :

youtube

Voici la syntaxe : 

{{youtube>KrHrJoGNpaA?medium}}

Voici le résultat :

Modification de l'affichage de la vidéo

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 une image fixe pour centrer, et mettre à droite ou à gauche :

  • à droite 
{{ youtube>2PxQYM__-xU?small}}
  • à gauche
{{youtube>2PxQYM__-xU?small }}

Exemple avec le code html "intégrer", "incruster" ou "embed"

Il faut copier/coller le code html dans la page du wiki en l'entourant de <html> et </html>

Vous pouvez normalement le faire depuis n'importe quel site qui vous propose le code html d'intégration d'une vidéo

On s'y prend de la même façon pour une présentation déposée sur Calameo, Slideshare, ou autre.

youtube

Sur youtube le code est accessible en dessous de la vidéo en cliquant sur le lien “Intégrer”

Voici la syntaxe : 

<html>
<iframe width="560" height="315" src="http://www.youtube.com/embed/KrHrJoGNpaA" frameborder="0" allowfullscreen></iframe>
</html>

Voici le résultat :

Vimeo

Sur vimeo le code est accessible en cliquant sur le bouton “Share” ensuite il faut copier ce qui ce trouve dans “Embed”

Voici la syntaxe : 

<html>
<iframe src="http://player.vimeo.com/video/68180971" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/68180971">Mirage</a> from <a href="http://vimeo.com/user18872843">Iker &amp; Dana</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</html>

Voici le résultat :

Mirage from Iker & Dana on Vimeo.