Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!

Difference between revisions of "Help:GCwiki Videos"

From wiki
Jump to navigation Jump to search
m (Replaced content with "{{Clear}} == Embed a YouTube video == You need to use the [https://www.mediawiki.org/wiki/Extension:IframePage iframe page] extension to embed your YouTube videos. Here...")
Tag: Replaced
Line 1: Line 1:
{{TOCleft}}
 
 
{{Clear}}
 
{{Clear}}
 
= Videos on Wiki =
 
How do you add a video to a page? It varies, depending on where the video is hosted.  There are two recommended options for posting videos on Wiki:
 
# For large video files (greater than 32MB) the files must be hosted on an external server and a URL reference is used. See the Videoflash extension below.
 
#For video files smaller than 32MB, the videos can be uploaded and hosted directly on Wiki.
 
  
 
== Embed a YouTube video ==  
 
== Embed a YouTube video ==  
  
You need to use iframes to embed your YouTube videos. Here's how to do it:  
+
You need to use the [https://www.mediawiki.org/wiki/Extension:IframePage iframe page] extension to embed your YouTube videos. Here's how to do it:  
 
* Open the YouTube page of the video you want to embed.
 
* Open the YouTube page of the video you want to embed.
 
* Click on the '''Share''' button that appears below the video window, and select the "Embed" option.
 
* Click on the '''Share''' button that appears below the video window, and select the "Embed" option.
 
* '''Copy''' the code for the iframe tag
 
* '''Copy''' the code for the iframe tag
 
[[File:Youtube image embed.png|500px|link=https://www.youtube.com/watch?v=X7gWEgHeXcA]]
 
[[File:Youtube image embed.png|500px|link=https://www.youtube.com/watch?v=X7gWEgHeXcA]]
* '''Paste''' the code in your Wiki page
+
* '''Paste''' only the last, video id code part, of the url inside <nowiki>{{Special:IframePage/YouTube|path=your video id}}</nowiki> in your Wiki page
* Add an HTML tag. <br>'''<nowiki><html><iframe width="420" height="315" src="https://www.youtube.com/embed/X7gWEgHeXcA" frameborder="0" allowfullscreen></iframe></html></nowiki>'''
+
** This uses the IframePage special page as a template with your youtube video id as a parameter<br />
<html><iframe width="420" height="315" src="https://www.youtube.com/embed/X7gWEgHeXcA" frameborder="0" allowfullscreen></iframe></html>'''
 
</div>
 
 
 
== Embedding a video hosted on another third party site (somewhere else on the Web) ==
 
 
 
# Upload your video on the third party site of your choice and take note of the video id.
 
# Go to the Wiki page where you want to embed your video.
 
# Add the following wiki syntax:
 
 
 
'''Syntax:'''
 
 
 
<nowiki><video type="service" id="1234abc" desc="Here's lovely video"/></nowiki>
 
 
 
=== Detailed Usage Options ===
 
 
 
Full syntax:
 
 
 
'''<nowiki><video type="service" id="1234abc" width="270" height="203" desc="Here's lovelly video" frame="true" position="right" size="full" allowfullscreen="true"/></nowiki>'''
 
 
 
Usual syntax:
 
 
 
'''<nowiki><video type="service" id="1234abc" desc="Here's lovely video"/></nowiki>'''
 
 
 
'''Note:''' blip.tv requires width2 parameter for proper scaling.
 
 
 
{| border="1"
 
|-
 
! style="background:#cccccc;" align="center"  width=50 | Parameter
 
! style="background:#cccccc;"  width=170 | Required
 
! style="background:#cccccc;"  width=150 | Means
 
! style="background:#cccccc;"  width=250 | Allowed values
 
! style="background:#cccccc;"  width=40 | Recommended<br />values
 
! style="background:#cccccc;"  width=45 | Default<br />value
 
|-
 
| align="center" | type
 
| yes, if video isn't from YouTube
 
| service id
 
| 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
 
|-
 
| align="center" | id
 
| yes
 
| video id from service<br>(check [[#Supported services|codes]])
 
| depends on video service
 
| -
 
| -
 
|-
 
| align="center" | width
 
| no
 
| video width
 
| 1–852
 
| 270
 
| 270
 
|-
 
| align="center" | width2
 
| only when video came from blip.tv
 
| video width
 
| 1–852
 
| -
 
| -
 
|-
 
| align="center" | height
 
| no (yes when video came from Dailymotion or Vimeo)
 
| video height
 
| 1–510
 
| -
 
| depends on width
 
|-
 
| align="center" | desc
 
| no
 
| description below video
 
| -
 
| empty
 
| -
 
|-
 
| align="center" | frame
 
| no
 
| sets frame
 
| true, false
 
| true
 
| true
 
|-
 
| align="center" | position
 
| no
 
| video position
 
| left, right, center
 
| left, right
 
| right
 
|-
 
| align="center" | size
 
| no
 
| use default size (not allowed for Dailymotion and Vimeo)
 
| full
 
| empty
 
| empty
 
|-
 
| align="center" | allowfullscreen
 
| no
 
| setting for allowfullscreen parameter
 
| true, false
 
| true
 
| true
 
|}
 
 
 
==Supported services==
 
{| border="1"
 
|-
 
! style="background:#ccc;" width="115" | Service
 
! style="background:#ccc;" | Where to find id - URL or embed code
 
|-
 
| [http://blip.tv blip.tv]
 
| <embed src="<nowiki>http://</nowiki>blip.tv/play/'''AbzzZgA'''" (…) </embed>
 
|-
 
| [http://break.com Break]
 
| <param name="movie" value="<nowiki>http://</nowiki>embed.break.com/'''NTA3Mjcy'''">
 
|-
 
| [http://broadbandsports.com Broadbandsports]
 
| <nowiki>http://</nowiki>broadbandsports.com/node/'''6576'''
 
|-
 
| [http://broadcaster.com Broadcaster]
 
| <embed<br />src="<nowiki>http://</nowiki>www.broadcaster.com/video/external/player.swf?clip='''pilgarlic_968_1805633260'''.flv"<br /> (…)</embed> (without dot)
 
|-
 
| [http://clipfish.de Clipfish]
 
| <embed src='<nowiki>http://</nowiki>www.clipfish.de/videoplayer.swf?as=0&videoid='''NDE2fDM0'''&r=1' (…)</embed>
 
|-
 
| [http://clipshack.com ClipShack]
 
| <nowiki>http://</nowiki>clipshack.com/Clip.aspx?key='''12A72A96545B2039'''
 
|-
 
| [http://comedycentral.com Comedy Central]
 
| <embed FlashVars='videoId='''170162'''' (…) </embed>
 
|-
 
| [http://dailymotion.com/pl Dailymotion]
 
| <nowiki>http://</nowiki>www.dailymotion.com/video/'''x4ut2d'''_monitor-heads-homocatodicus_creation
 
|-
 
| [http://eyespot.com eyespot]
 
| <nowiki>http://</nowiki>eyespot.com/share?cmd=permalink&r='''0XCzIG2UEydNkriEJW0mIWsjqi'''
 
|-
 
| [http://funnyordie.com Funny or Die]
 
| <nowiki>http://</nowiki>www.funnyordie.com/videos/'''eae26bb96d'''
 
|-
 
| [http://wideo.gazeta.pl Gazeta.pl Wideo]
 
| <nowiki>http://</nowiki>serwisy.gazeta.pl/film/10,28313,'''5248819''',(…)
 
|-
 
| [http://glumbert.com glumbert]
 
| <nowiki>http://</nowiki>www.glumbert.com/media/'''ironing'''
 
|-
 
| [http://godtube.com GodTube]
 
| <nowiki>http://</nowiki>www.godtube.com/view_video.php?viewkey='''2275da59ba352aa5070c'''
 
|-
 
| [http://video.google.com GoogleVideo]
 
| <nowiki>http://</nowiki>video.google.com/videoplay?docid='''-3115198179124180259''' (with or without dash)
 
|-
 
| [http://video.interia.pl Interia (Znajomi)]
 
| <script (…) src="<nowiki>http://</nowiki>video.interia.pl/player.js#'''97225''',425,350"></script>
 
|-
 
| [http://jumpcut.com Jumpcut]
 
| <nowiki>http://</nowiki>jumpcut.com/view?id='''3412CB4A16EA11DDBFF8000423CF037A'''
 
|-
 
| [http://kewego.com Kewego]
 
| <nowiki>http://</nowiki>www.kewego.com/video/'''iLyROoaft-IT'''.html (without dot)
 
|-
 
| [http://liveleak.com LiveLeak]
 
| <nowiki>http://</nowiki>www.liveleak.com/view?i='''591_1211514053'''
 
|-
 
| [http://livevideo.com LiveVideo]
 
| <nowiki>http://</nowiki>www.livevideo.com/video/'''FA16D69B002B45EC84C77B905DC3640E'''/cute.aspx
 
|-
 
|[http://metacafe.com Metacafe]
 
| <nowiki>http://</nowiki>www.metacafe.com/watch/'''1342466/how_to_recycle_a_pillowcase'''/ (without last backslash)
 
|-
 
|[http://vids.myspace.com/ MySpaceTV]
 
| <nowiki>http://</nowiki>vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID='''48088438'''
 
|-
 
| [http://myvideo.de MyVideo]
 
| <nowiki>http://</nowiki>www.myvideo.de/watch/'''366128'''
 
|-
 
| [http://patrz.pl Patrz]
 
| <embed src="<nowiki>http://</nowiki>patrz.pl/patrz.pl.swf?id='''340362'''&r=5&o=" (…)</embed>
 
|-
 
| [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">
 
|-
 
| [http://plejada.pl Plejada]
 
| <embed src="<nowiki>http://</nowiki>www.plejada.pl/_d/flash/'''35962''',player_loader.swf" (…) />
 
|-
 
| [http://putfile.com Putfile]
 
| <nowiki>http://</nowiki>media.putfile.com/'''Redneck-911'''
 
|-
 
| [http://revver.com Revver]
 
| <nowiki>http://</nowiki>revver.com/video/'''909341'''/best-of-2007-cicada-video/
 
|-
 
| [http://rutube.ru RuTube]
 
| <nowiki>http://</nowiki>rutube.ru/tracks/714530.html?v='''0202ccd8a4a92c8ea22f091e04927d28'''
 
|-
 
| [http://selfcasttv.com SelfcastTV]
 
| <nowiki>http://</nowiki>www.selfcasttv.com/Selfcast/playVideo.do?ref=s/'''86/160''' (without first backslash)
 
|-
 
| [http://sevenload.com sevenload]
 
| <nowiki>http://</nowiki>en.sevenload.com/videos/'''FpkksY4'''-Father-and-Son
 
|-
 
| [http://sharkle.com Sharkle]
 
| <embed src=<nowiki>http://</nowiki>www.sharkle.com/externalPlayer/'''170233/1d1iy42312/3/''' (…) </embed>
 
|-
 
| [http://shoutfile.com Shoutfile]
 
| <nowiki>http://</nowiki>www.shoutfile.com/v/'''NFVA5xvu'''/Facebook_Gangsta
 
|-
 
| [http://spike.com Spike]
 
| <nowiki>http://</nowiki>www.spike.com/video/30-second-hot-chick/'''2881456'''
 
|-
 
| [http://stickam.com Stickam]
 
| <nowiki>http://</nowiki>www.stickam.com/editMediaComment.do?method=load&mId='''179274577'''
 
|-
 
| [http://superdeluxe.com Super Deluxe]
 
| <nowiki>http://</nowiki>www.superdeluxe.com/sd/contentDetail.do?<br />id='''D81F2344BF5AC7BBA2E41C8C633726C7E5E821AD3C5FD55F'''
 
|-
 
| [http://uncutvideo.aol.com/ UnCut Video]
 
| <param name="FlashVars"<br /> value="aID='''1c393649784ee0a32923f12696bbd9f91'''&site=<nowiki>http://</nowiki>uncutvideo.aol.com/"/>
 
|-
 
| [http://veoh.com Veoh]
 
| <nowiki>http://</nowiki>www.veoh.com/videos/'''v465909jh3gBDCe'''?…
 
|-
 
| [http://viddler.com Viddler]
 
| <embed src="<nowiki>http://</nowiki>www.viddler.com/player/'''ff6a9d9b'''/" (…)</embed>
 
|-
 
| [http://videojug.com VideoJug]
 
| <embed<br /> src="<nowiki>http://</nowiki>www.videojug.com/film/player?id='''6bdae9a1-d8c8-5c06-3b58-ff0008ca6bff'''" (…)<br /></embed>
 
|-
 
| [http://vimeo.com Vimeo]
 
| <nowiki>http://</nowiki>vimeo.com/'''950846'''
 
|-
 
| [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>
 
|-
 
| [http://video.yahoo.com Yahoo! Video]
 
| <param name="flashVars" value="id='''3048587'''&vid=660306&lang=en-us&intl=us&thumbUrl=&embed=1" />
 
|-
 
| [http://youare.tv You Are TV]
 
| <nowiki>http://</nowiki>www.youare.tv/watch.php?id='''2727'''
 
|-
 
| [http://www.youtube.com YouTube]
 
| <nowiki>http://</nowiki>youtube.com/watch?v='''Tds7hzkZsSk'''<br />(for 480x295px videos use <code>type="youtube2"</code> instead of <code>type="youtube"</code>)
 
|}
 
For current specifications regarding this MediaWiki extension, [http://www.mediawiki.org/wiki/Extension:FramedVideo#Useage Wikipedia has more information].
 
 
 
 
 
== Embedding a video you've uploaded to Wiki==
 
You can upload videos directly on Wiki if your video file size is 32MB or lower. Supported video formats are .FLV and .SWF (Adobe [https://en.wikipedia.org/wiki/Flash_Video Flash] formats).
 
# [http://www.gcpedia.gc.ca/wiki/Special:Upload Upload] the video file.
 
# Go to the Wiki page where you want to embed the video, and add the following code where you want the video to appear. 
 
 
 
<nowiki><wikiflv width="320" height="240" logo="false">video name.flv|Video2.png</wikiflv></nowiki>
 
 
 
'''Example:'''
 
<nowiki><wikiflv width="320" height="240" logo="false">GCPEDIA_testimonial.flv|Video2.png</wikiflv></nowiki>
 
 
 
'''Produces:'''
 
<wikiflv width="320" height="240" logo="false">GCPEDIA_testimonial.flv|Video2.png</wikiflv>
 
 
 
 
 
 
 
== WikiFLV  ==
 
 
 
This [http://paulgu.com/wiki/FLV_Player#MediaWiki_Skin_Questions_and_Comments MediaWiki FLV Player] extension now enables you to add FLV video anywhere in your Wiki article.
 
 
 
=== Features of this extension ===
 
 
 
*Add cover image for each video
 
*Resize player window according to your needs
 
*Control auto start
 
*Control volume
 
*Control the position of the player
 
*Add your own logo (best size is 32x32 pixels or less)
 
*Files can be uploaded through MediaWiki
 
*Files can be absolute path (case sensitive)
 
 
 
''How to use example:''
 
 
 
*'''"GCpedia_testimonial.flv"''' -&gt; video file (stored in GCpedia)
 
*'''"Video2.png"''' -&gt; cover image file (stored in GCpedia)
 
<pre>&lt;wikiflv width="300" height="180" logo="false"&gt;GCPEDIA_testimonial.flv|Video2.png&lt;/wikiflv&gt;
 
</pre>
 
<wikiflv autostart="false" logo="false" height="180" width="300">GCPEDIA_testimonial.flv|Video2.png</wikiflv> <br>
 
 
 
----
 
 
 
=== MediaWiki FLV Player Control Parameters ===
 
 
 
The following are default parameters, they can be overwritten through syntax.
 
 
 
*whatever.flv|whatever.png
 
*width="320"
 
*height="180"
 
*position="none"
 
*autostart="true"
 
*logo="true"
 
*autostart="false"
 
*volume="100"
 
*repeat="false"
 
 
 
== Linking to a video you've uploaded to Wiki ==
 
# Link to the video file using Media: wikimarkup, like you would use for any other link to a file (i.e. .DOC, .PPT, or .XLS).
 
'''''Example:'''''
 
<nowiki>[[Media:To keep or not to keep video Eng.wmv|NRCan Records - To Keep or Not to Keep (video)]]</nowiki>  
 
  
'''Produces:'''  
+
'''<nowiki>{{Special:IframePage/YouTube|path=X7gWEgHeXcA}}</nowiki>'''
* [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)]
+
{{Special:IframePage/YouTube|path=X7gWEgHeXcA}}
  
 
<noinclude>[[FR:Aide:GCwiki_Vidéos]]</noinclude>
 
<noinclude>[[FR:Aide:GCwiki_Vidéos]]</noinclude>
  
 
[[Category:Wiki_Help]]
 
[[Category:Wiki_Help]]

Revision as of 09:37, 14 January 2020

Embed a YouTube video

You need to use the iframe page extension to embed your YouTube videos. Here's how to do it:

  • Open the YouTube page of the video you want to embed.
  • Click on the Share button that appears below the video window, and select the "Embed" option.
  • Copy the code for the iframe tag

Youtube image embed.png

  • Paste only the last, video id code part, of the url inside {{Special:IframePage/YouTube|path=your video id}} in your Wiki page
    • This uses the IframePage special page as a template with your youtube video id as a parameter

{{Special:IframePage/YouTube|path=X7gWEgHeXcA}}