Difference between revisions of "Aide:GCwiki Vidéos"

From wiki
Jump to navigation Jump to search
Line 32: Line 32:
 
* '''Collez''' le code de votre page Wiki.
 
* '''Collez''' le code de votre page Wiki.
 
* Ajoutez une balise HTML. <br>'''<nowiki><html><iframe width="420" height="315" src="https://www.youtube.com/embed/X7gWEgHeXcA" frameborder="0" allowfullscreen></iframe></html></nowiki>'''
 
* Ajoutez une balise HTML. <br>'''<nowiki><html><iframe width="420" height="315" src="https://www.youtube.com/embed/X7gWEgHeXcA" frameborder="0" allowfullscreen></iframe></html></nowiki>'''
<html><iframe width="560" height="315" src="https://www.youtube.com/embed/hjyNMhUYNHY" frameborder="0" allowfullscreen></iframe></html>'''
+
<html><iframe width="560" height="315" src="https://www.youtube.com/embed/hjyNMhUYNHY" frameborder="0" allowfullscreen></iframe></html>
 
</div>
 
</div>
  
Line 48: Line 48:
 
{| border="1"
 
{| border="1"
 
|-
 
|-
! style="background:#cccccc;" align="center" width=50 | Paramètre
+
! style="background:#cccccc;" align="center" width="50" | Paramètre
! style="background:#cccccc;" width=170 | Obligatoire
+
! style="background:#cccccc;" width="170" | Obligatoire
! style="background:#cccccc;" width=150 | Signification
+
! style="background:#cccccc;" width="150" | Signification
! style="background:#cccccc;" width=250 | Valeurs permises
+
! style="background:#cccccc;" width="250" | Valeurs permises
! style="background:#cccccc;" width=40 | Valeurs <br /> recommandées
+
! style="background:#cccccc;" width="40" | Valeurs <br /> recommandées
! style="background:#cccccc;" width=45 | Valeur par défaut
+
! style="background:#cccccc;" width="45" | Valeur par défaut
 
|-
 
|-
 
| align="center" | type
 
| align="center" | type
Line 136: Line 136:
 
|-
 
|-
 
| [http://break.com Break]
 
| [http://break.com Break]
| <param name="movie" value="<nowiki>http://</nowiki>embed.break.com/'''NTA3Mjcy'''">
+
| <nowiki><param name="movie" value="&lt;nowiki&gt;http://&lt;/nowiki&gt;embed.break.com/'''NTA3Mjcy'''"></nowiki>
 
|-
 
|-
 
| [http://broadbandsports.com Broadbandsports]
 
| [http://broadbandsports.com Broadbandsports]
Line 151: Line 151:
 
|-
 
|-
 
| [http://comedycentral.com Comedy Central]
 
| [http://comedycentral.com Comedy Central]
| <embed FlashVars='videoId='''170162'''' (…) </embed>
+
| <embed FlashVars='videoId='''170162'<nowiki/>''' (…) </embed>
 
|-
 
|-
 
| [http://dailymotion.com/pl Dailymotion]
 
| [http://dailymotion.com/pl Dailymotion]
Line 175: Line 175:
 
|-
 
|-
 
| [http://video.interia.pl Interia (Znajomi)]
 
| [http://video.interia.pl Interia (Znajomi)]
| <script (…) src="<nowiki>http://</nowiki>video.interia.pl/player.js#'''97225''',425,350"></script>
+
| <nowiki><script (…) src="&lt;nowiki&gt;http://&lt;/nowiki&gt;video.interia.pl/player.js#'''97225''',425,350"></script></nowiki>
 
|-
 
|-
 
| [http://jumpcut.com Jumpcut]
 
| [http://jumpcut.com Jumpcut]
Line 202: Line 202:
 
|-
 
|-
 
| [http://photobucket.com Photobucket]
 
| [http://photobucket.com Photobucket]
| <embed src="http://'''i294.photobucket.com/player.swf?'''<br />'''file=<nowiki>http://</nowiki>vid294.photobucket.com/albums/mm97/onlyme2332/psicosis1.flv'''&amp;sr=1">
+
| <nowiki><embed src="http://'''i294.photobucket.com/player.swf?'''<br /></nowiki>'''file=<nowiki>http://</nowiki>vid294.photobucket.com/albums/mm97/onlyme2332/psicosis1.flv'''&amp;sr=1">
 
|-
 
|-
 
| [http://plejada.pl Plejada]
 
| [http://plejada.pl Plejada]
| <embed src="<nowiki>http://</nowiki>www.plejada.pl/_d/flash/'''35962''',player_loader.swf" (…) />
+
| <nowiki><embed src="&lt;nowiki&gt;http://&lt;/nowiki&gt;www.plejada.pl/_d/flash/'''35962''',player_loader.swf" (…) /></nowiki>
 
|-
 
|-
 
| [http://putfile.com Putfile]
 
| [http://putfile.com Putfile]
Line 253: Line 253:
 
|-
 
|-
 
| [http://wrzuta.pl Wrzuta]
 
| [http://wrzuta.pl Wrzuta]
| <script type="text/javascript" src="<nowiki>http://</nowiki>www.wrzuta.pl/wrzuta_embed.js?wrzuta_key='''tbFJ6yJDnt<br />&wrzuta_flv=<nowiki>http://</nowiki>www.wrzuta.pl/vid/file/tbFJ6yJDnt/austria-polska_1_1><br />&wrzuta_mini=<nowiki>http://</nowiki>c2.wrzuta.pl/wm14658/1d040325000c5b484851938e/Austria-Polska%201%3A1<br />&wrzuta_name=Austria-Polska%201%3A1'''&wrzuta_width=450&wrzuta_height=416"></script>
+
| <nowiki><script type="text/javascript" src="&lt;nowiki&gt;http://&lt;/nowiki&gt;www.wrzuta.pl/wrzuta_embed.js?wrzuta_key='''tbFJ6yJDnt<br /></nowiki>&wrzuta_flv=<nowiki>http://</nowiki>www.wrzuta.pl/vid/file/tbFJ6yJDnt/austria-polska_1_1><br />&wrzuta_mini=<nowiki>http://</nowiki>c2.wrzuta.pl/wm14658/1d040325000c5b484851938e/Austria-Polska%201%3A1<br />&wrzuta_name=Austria-Polska%201%3A1'''&wrzuta_width=450&wrzuta_height=416"></script>'''
 
|-
 
|-
 
| [http://video.yahoo.com Yahoo! Video]
 
| [http://video.yahoo.com Yahoo! Video]
| <param name="flashVars" value="id='''3048587'''&vid=660306&lang=en-us&intl=us&thumbUrl=&embed=1" />
+
| <param name="flashVars" value="id=<nowiki>'''3048587'''</nowiki>&vid=660306&lang=en-us&intl=us&thumbUrl=&embed=1" />
 
|-
 
|-
 
| [http://youare.tv You Are TV]
 
| [http://youare.tv You Are TV]
Line 269: Line 269:
 
Vous pouvez téléverser des vidéos directement dans Wiki si la taille de votre vidéo est de 32 Mo ou moins. Les formats vidéo pris en charge sont .FLV et .SWF (formats Adobe [https://en.wikipedia.org/wiki/Flash_Video Flash]).  
 
Vous pouvez téléverser des vidéos directement dans Wiki si la taille de votre vidéo est de 32 Mo ou moins. Les formats vidéo pris en charge sont .FLV et .SWF (formats Adobe [https://en.wikipedia.org/wiki/Flash_Video Flash]).  
 
# [http://www.gcpedia.gc.ca/wiki/Special:Upload?setlang=fr&uselang=fr Téléchargez] le fichier vidéo.
 
# [http://www.gcpedia.gc.ca/wiki/Special:Upload?setlang=fr&uselang=fr Téléchargez] le fichier vidéo.
# Rendez-vous à la page GCpédia où vous voulez intégrer la vidéo et ajoutez le code suivant à l’endroit où vous voulez afficher la vidéo.   
+
# Rendez-vous à la page GCWiki où vous voulez intégrer la vidéo et ajoutez le code suivant à l’endroit où vous voulez afficher la vidéo.   
  
 
<nowiki><wikiflv width="320" height="240" logo="false">video name.flv|Video2.png</wikiflv></nowiki>
 
<nowiki><wikiflv width="320" height="240" logo="false">video name.flv|Video2.png</wikiflv></nowiki>
  
 
'''Exemple:'''
 
'''Exemple:'''
<nowiki><wikiflv width="320" height="240" logo="false">GCPEDIA_testimonial.flv|Video2.png</wikiflv></nowiki>
+
<wikiflv width="320" height="240" logo="false">GCWiki_testimonial.flv|Video2.png</wikiflv>
  
 
''' Résultat:'''
 
''' Résultat:'''
<wikiflv width="320" height="240" logo="false">GCPEDIA_testimonial.flv|Video2.png</wikiflv>
+
<wikiflv width="320" height="240" logo="false">GCWiki_testimonial.flv|Video2.png</wikiflv>
  
  
Line 297: Line 297:
 
'' Comment utiliser l’exemple :''  
 
'' Comment utiliser l’exemple :''  
  
*'''"GCpedia_testimonial.flv"''' -&gt; fichier vidéo (enregistré dans GCpédia)  
+
*'''"GCWiki_testimonial.flv"''' -&gt; fichier vidéo (enregistré dans GCpédia)  
 
*'''"Video2.png"''' -&gt; -> fichier de l’image de couverture (enregistré dans GCpédia)
 
*'''"Video2.png"''' -&gt; -> fichier de l’image de couverture (enregistré dans GCpédia)
  
 
<pre>&lt;wikiflv width="300" height="180" logo="false"&gt;GCPEDIA_testimonial.flv|Video2.png&lt;/wikiflv&gt;  
 
<pre>&lt;wikiflv width="300" height="180" logo="false"&gt;GCPEDIA_testimonial.flv|Video2.png&lt;/wikiflv&gt;  
 
</pre>
 
</pre>
<wikiflv autostart="false" logo="false" height="180" width="300">GCPEDIA_testimonial.flv|Video2.png</wikiflv> <br>
+
<wikiflv autostart="false" logo="false" height="180" width="300">GCWiki_testimonial.flv|Video2.png</wikiflv> <br>
  
 
----
 
----
Line 329: Line 329:
 
* [http://www.gcpedia.gc.ca/gcwiki/images/b/be/To_keep_or_not_to_keep_video_Eng.wmv NRCan Records - To Keep or Not to Keep (video)]
 
* [http://www.gcpedia.gc.ca/gcwiki/images/b/be/To_keep_or_not_to_keep_video_Eng.wmv NRCan Records - To Keep or Not to Keep (video)]
  
<noinclude>[[EN:Help:GCpedia Videos]]</noinclude>
+
<noinclude>
 +
[[EN:Help:GCpedia Videos]]
 +
</noinclude>
 
[[Category:Wiki_Aide]]
 
[[Category:Wiki_Aide]]

Revision as of 12:45, 26 June 2018

Vidéos sur Wiki

Comment ajouter une vidéo sur une page? Ça dépend de l’endroit où la vidéo est hébergée. On recommande deux façons de publier des vidéos dans Wiki :

  1. Pour les gros fichiers vidéo (dépassant 32 Mo), il faut héberger les fichiers sur un serveur externe et utiliser une référence URL. Consultez l’extension Videoflash qui suit.
  2. Pour les fichiers vidéo plus petits que 32 Mo, il est possible de téléverser et d’héberger les vidéos directement dans Wiki.

Intégration d’une vidéo hébergée dans un site tiers (ailleurs dans le Web)

L’intégration d’une vidéo de YouTube* (ou d’autres services semblables) est relativement simple.

  1. Téléversez votre vidéo dans le site tiers de votre choix et prenez note de l’ID de la vidéo.
  2. Rendez-vous à la page de Wiki où vous souhaitez intégrer la vidéo.
  3. Ajoutez la syntaxe wiki suivante :

Syntaxe: <video type="service" id="1234abc" desc="Here's lovely video"/>
Exemple 1: <video type="youtube" id="hjyNMhUYNHY" desc=" Réseautage social et vie privée – Exemple 1"/>

<video type="youtube" id="hjyNMhUYNHY" desc="Réseautage social et vie privée - Exemple 1"/> Exemple 2: <video type="youtube" id="hjyNMhUYNHY" desc="Réseautage social et vie privée - Exemple 2" size="full" position="center"/> <video type="youtube" id="hjyNMhUYNHY" desc="Réseautage social et vie privée - Exemple 2" size="full" position="center"/>

Avec ce code, vous pouvez également intégrer du matériel hébergé sur Veoh, Vimeo, Google Vidéos et beaucoup d’autres systèmes d’hébergement

**Nota : YouTube est récemment passé au format HTML5. Vous pouvez maintenant utiliser des iframes pour intégrer vos vidéos de YouTube. Voici comment procéder :

  • Ouvrez la page YouTube de la vidéo que vous souhaitez intégrer.
  • Cliquez sur le bouton Partager situé sous la fenêtre de la vidéo et sélectionnez l’option « Intégrer ».
  • Copiez le code de la balise iframe

Youtube image embed.png

  • Collez le code de votre page Wiki.
  • Ajoutez une balise HTML.
    <html><iframe width="420" height="315" src="https://www.youtube.com/embed/X7gWEgHeXcA" frameborder="0" allowfullscreen></iframe></html>

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

Options d’utilisation détaillées

Cette section s’applique aux vidéos hébergées dans YouTube, Vimeo et d’autres sites d’hébergement commerciaux. Syntaxe complète :

<video type="service" id="1234abc" width="270" height="203" desc="Here's lovelly video" frame="true" position="right" size="full" allowfullscreen="true"/>

Syntaxe habituelle :

<video type="service" id="1234abc" desc="Here's lovely video"/>

Nota : blip.tv a besoin du paramètre width2 pour avoir une bonne mise à échelle

Paramètre Obligatoire Signification Valeurs permises Valeurs
recommandées
Valeur par défaut
type oui, si la vidéo ne vient pas de YouTube ID du service bbsports, bliptv, break, broadcaster, comedycentral, clipfish, clipshack, dailymotion, eyespot, funnyordie, gazeta, glumbert, googlevideo, interia, jumpcut, kewego, liveleak, livevideo, metacafe, myspacetv, myvideo, patrz, photobucket, plejada, putfile, revver, rutube, selfcasttv, sevenload, sharkle, shoutfile, spike, stickam, superdeluxe, uncutvideo, veoh, viddler, videojug, vimeo, wrzuta, yahoovideo, youaretv, youtube, youtube2 - youtube
id oui ID de la vidéo attribué par le service
( vérifier les codes)
dépend du service vidéo - -
width non largeur de la vidéo 1–852 270 270
width2 seulement lorsque la vidéo vient de blip.tv largeur de la vidéo 1–852 - -
height non (oui, si la vidéo vient de Dailymotion ou Vimeo) hauteur de la vidéo 1–510 - selon la largeur
desc non description sous la vidéo - vide -
frame non insère un cadre true, false true true
position non position de la vidéo left, right, center left, right right
size non utiliser la taille par défaut (pas permis pour Dailymotion et Vimeo) full vide vide
allowfullscreen non définition du paramètre allowfullscreen (permettre le mode plein écran) true, false true true

Services prise en charge

Service Where to find id - URL or embed code
blip.tv <embed src="http://blip.tv/play/AbzzZgA" (…) </embed>
Break <param name="movie" value="<nowiki>http://</nowiki>embed.break.com/'''NTA3Mjcy'''">
Broadbandsports http://broadbandsports.com/node/6576
Broadcaster <embed
src="http://www.broadcaster.com/video/external/player.swf?clip=pilgarlic_968_1805633260.flv"
(…)</embed> (without dot)
Clipfish <embed src='http://www.clipfish.de/videoplayer.swf?as=0&videoid=NDE2fDM0&r=1' (…)</embed>
ClipShack http://clipshack.com/Clip.aspx?key=12A72A96545B2039
Comedy Central <embed FlashVars='videoId=170162' (…) </embed>
Dailymotion http://www.dailymotion.com/video/x4ut2d_monitor-heads-homocatodicus_creation
eyespot http://eyespot.com/share?cmd=permalink&r=0XCzIG2UEydNkriEJW0mIWsjqi
Funny or Die http://www.funnyordie.com/videos/eae26bb96d
Gazeta.pl Wideo http://serwisy.gazeta.pl/film/10,28313,5248819,(…)
glumbert http://www.glumbert.com/media/ironing
GodTube http://www.godtube.com/view_video.php?viewkey=2275da59ba352aa5070c
GoogleVideo http://video.google.com/videoplay?docid=-3115198179124180259 (with or without dash)
Interia (Znajomi) <script (…) src="<nowiki>http://</nowiki>video.interia.pl/player.js#'''97225''',425,350"></script>
Jumpcut http://jumpcut.com/view?id=3412CB4A16EA11DDBFF8000423CF037A
Kewego http://www.kewego.com/video/iLyROoaft-IT.html (without dot)
LiveLeak http://www.liveleak.com/view?i=591_1211514053
LiveVideo http://www.livevideo.com/video/FA16D69B002B45EC84C77B905DC3640E/cute.aspx
Metacafe http://www.metacafe.com/watch/1342466/how_to_recycle_a_pillowcase/ (without last backslash)
MySpaceTV http://vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=48088438
MyVideo http://www.myvideo.de/watch/366128
Patrz <embed src="http://patrz.pl/patrz.pl.swf?id=340362&r=5&o=" (…)</embed>
Photobucket <embed src="http://'''i294.photobucket.com/player.swf?'''<br />file=http://vid294.photobucket.com/albums/mm97/onlyme2332/psicosis1.flv&sr=1">
Plejada <embed src="<nowiki>http://</nowiki>www.plejada.pl/_d/flash/'''35962''',player_loader.swf" (…) />
Putfile http://media.putfile.com/Redneck-911
Revver http://revver.com/video/909341/best-of-2007-cicada-video/
RuTube http://rutube.ru/tracks/714530.html?v=0202ccd8a4a92c8ea22f091e04927d28
SelfcastTV http://www.selfcasttv.com/Selfcast/playVideo.do?ref=s/86/160 (without first backslash)
sevenload http://en.sevenload.com/videos/FpkksY4-Father-and-Son
Sharkle <embed src=http://www.sharkle.com/externalPlayer/170233/1d1iy42312/3/ (…) </embed>
Shoutfile http://www.shoutfile.com/v/NFVA5xvu/Facebook_Gangsta
Spike http://www.spike.com/video/30-second-hot-chick/2881456
Stickam http://www.stickam.com/editMediaComment.do?method=load&mId=179274577
Super Deluxe http://www.superdeluxe.com/sd/contentDetail.do?
id=D81F2344BF5AC7BBA2E41C8C633726C7E5E821AD3C5FD55F
UnCut Video <param name="FlashVars"
value="aID=1c393649784ee0a32923f12696bbd9f91&site=http://uncutvideo.aol.com/"/>
Veoh http://www.veoh.com/videos/v465909jh3gBDCe?…
Viddler <embed src="http://www.viddler.com/player/ff6a9d9b/" (…)</embed>
VideoJug <embed
src="http://www.videojug.com/film/player?id=6bdae9a1-d8c8-5c06-3b58-ff0008ca6bff" (…)
</embed>
Vimeo http://vimeo.com/950846
Wrzuta <script type="text/javascript" src="<nowiki>http://</nowiki>www.wrzuta.pl/wrzuta_embed.js?wrzuta_key='''tbFJ6yJDnt<br />&wrzuta_flv=http://www.wrzuta.pl/vid/file/tbFJ6yJDnt/austria-polska_1_1>
&wrzuta_mini=http://c2.wrzuta.pl/wm14658/1d040325000c5b484851938e/Austria-Polska%201%3A1
&wrzuta_name=Austria-Polska%201%3A1&wrzuta_width=450&wrzuta_height=416"></script>
Yahoo! Video <param name="flashVars" value="id='''3048587'''&vid=660306&lang=en-us&intl=us&thumbUrl=&embed=1" />
You Are TV http://www.youare.tv/watch.php?id=2727
YouTube http://youtube.com/watch?v=Tds7hzkZsSk
(for 480x295px videos use type="youtube2" instead of type="youtube")

Pour obtenir des spécifications actuelles concernant cette extension de MediaWiki, vous trouverez de plus amples renseignements dans Wikipédia..

Intégration d’une vidéo téléversée dans Wiki

Vous pouvez téléverser des vidéos directement dans Wiki si la taille de votre vidéo est de 32 Mo ou moins. Les formats vidéo pris en charge sont .FLV et .SWF (formats Adobe Flash).

  1. Téléchargez le fichier vidéo.
  2. Rendez-vous à la page GCWiki où vous voulez intégrer la vidéo et ajoutez le code suivant à l’endroit où vous voulez afficher la vidéo.

<wikiflv width="320" height="240" logo="false">video name.flv|Video2.png</wikiflv>

Exemple: <wikiflv width="320" height="240" logo="false">GCWiki_testimonial.flv|Video2.png</wikiflv>

Résultat: <wikiflv width="320" height="240" logo="false">GCWiki_testimonial.flv|Video2.png</wikiflv>


WikiFLV

L’extension MediaWiki FLV Player vous permet d’ajouter une vidéo FLV n’importe où dans votre article de Wiki.


Fonctions de l’extension

  • Ajout d’une image de couverture pour chaque vidéo
  • Redimensionnement de la fenêtre du lecteur selon vos besoins
  • Réglage de la lecture automatique
  • Réglage du volume
  • Réglage de la position du lecteur
  • Ajout de votre propre logo (la taille idéale est de 32x32 pixels ou moins)
  • Possibilité de téléverser les fichiers par l’intermédiaire de MediaWiki
  • Utilisation possible d’un chemin d’accès absolu pour les fichiers (sensible à la casse)

Comment utiliser l’exemple :

  • "GCWiki_testimonial.flv" -> fichier vidéo (enregistré dans GCpédia)
  • "Video2.png" -> -> fichier de l’image de couverture (enregistré dans GCpédia)
<wikiflv width="300" height="180" logo="false">GCPEDIA_testimonial.flv|Video2.png</wikiflv> 

<wikiflv autostart="false" logo="false" height="180" width="300">GCWiki_testimonial.flv|Video2.png</wikiflv>


Paramètres de commande de l’extension MediaWiki FLV Player

Voici les paramètres par défaut, qu’il est possible de remplacer dans la syntaxe.

  • whatever.flv|whatever.png
  • width="320"
  • height="180"
  • position="none"
  • autostart="true"
  • logo="true"
  • autostart="false"
  • volume="100"
  • repeat="false"

Établissement d’un lien vers une vidéo téléversée dans Wiki

  1. Établissez un lien vers le fichier vidéo en utilisant Media: wikimarkup, comme vous le feriez pour un lien vers tout autre fichier (p. ex., .DOC, .PPT ou .XLS). Comment est-ce que je peux importer un fichier sur GCpédia et y placer un lien au fichier

Exemple: [[Media:To keep or not to keep video Eng.wmv|NRCan Records - To Keep or Not to Keep (video)]]

Résultat: