Kuidas lisada videot oma Facebooki lehele
1,304 Photos from the 2008 SEC Championship Game from David Bergman on Vimeo.
Saabus küsimus, et kuidas lisada oma Facebook lehele videot nt. YouTubest. Tavaline embed koodi kopeerimine ei tööta.
Videote lisamiseks kasutan mina üldlevinud õpetust Static FBML jaoks. Toon siin ära näited kuidas lisada YouTube ja kuidas Vimeo pleierit.
YouTube
Näiteks võtan Tony Christie – Tie a yellow ribbon round the old oak tree video
Video Facebooki panemiseks kasutatakse embed koodi järgmisel kujul
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxx'
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />
Selle kasutamiseks võta soovitud video url mida soovid lisada Facebooki ehk minul siin http://www.youtube.com/watch?v=a5QcS5Zth7g ja kopeeri sealt boldis olev osa.
Facebooki koodis asenda “http://www.youtube.com/v/xxx“ xxx osa selle boldis oleva osaga ehk sul peab olema tulemuseks http://www.youtube.com/v/a5QcS5Zth7g
Nüüd lisa imgsrc elemendile foto mida ta peab näitama. Variant on kasutada YouTube screenshoti või luua ise pilt ja see sinna linkida. Mina kasutan YouTube pakutavat. Selle jaoks asenda urli xxx osa video lingi boldiks tehtud osaga ehk http://img.youtube.com/vi/xxx/2.jpg asemel on minul http://img.youtube.com/vi/a5QcS5Zth7g/2.jpg
Tulemuseks on selline Facebooki jaoks sobilik kood
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/a5QcS5Zth7g'http://img.youtube.com/vi/a5QcS5Zth7g/2.jpg
imgsrc='' width='340' height='270' />
Video kasti suurust võite muuta width ja height parameetritega.
Lõpuks lisage saadud video kood Static FBML rakenduses mõnele oma soovitud tabile. Lehtede ehk tabide tegemisest saad täpsemalt lugeda siit “Kuidas lisada Facebooki lehel custom tabe“.
Vimeo
Vimeo puhul püüan teha kiire näidise.
Aluseks on täpselt sama fb kood nagu YouTube puhul kasutasime
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxx'
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />
Võta Vimeo embed kood. Mina kasutan näiteks Eesti Ekspressi reklaami mille embed kood on
<object width=”400″ height=”300″><param name=”allowfullscreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=10376528&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1” /><embed src=”http://vimeo.com/moogaloop.swf?clip_id=10376528&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”400″ height=”300″></embed></object><p><a href=”http://vimeo.com/10376528″>Uuenenud Eesti Ekspress</a> from <a href=”http://vimeo.com/kristjanpillak”>Kristjan Pillak</a> on <a href=”http://vimeo.com”>Vimeo</a>.</p>
Embed koodist kopeeri boldiks tehtud link ja asenda Facebooki koodis http://www.youtube.com/v/xxx lingiga ehk tulemuseks on
<fb:swfhttp://vimeo.com/moogaloop.swf?clip_id=10376528&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc=''
imgsrc='http://img.youtube.com/vi/xxx/2.jpg' width='340' height='270' />
imgsrc elemendi jaoks võid kasutada Vimeo screenshoti või enda loodud pilti. Vimeo screenshoti kasutamiseks pead sa minema näiteks oma videote lehele ehk minu puhul http://vimeo.com/kristjanpillak/videos ja tegema soovitud video screenshotil parema kliki ja nt. Firefoxiga valima “Vaata pilti”. Tulemuseks näen pilti ja aadressi ribalt saan lingi mida kasutada. Minul on selleks http://ts.vimeo.com.s3.amazonaws.com/541/538/54153816_200.jpg
Asendan koodis youtube pildilinki Vimeo omaga ja tulemuseks on valmis video embed kood mida Static FBML lehele panna. Vajadusel saate jälle width ja height parameetritega pleieri suurust muuta.
Tabile lisatava koodi lõplik kuju:
<fb:swfhttp://vimeo.com/moogaloop.swf?clip_id=10376528&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc=''http://ts.vimeo.com.s3.amazonaws.com/541/538/54153816_200.jpg
imgsrc='' width='340' height='270' />
Tags: embed, Embed Vimeo Video in Facebook Fan Page, facebook, facebook page embed video, How to Add YouTube Videos to Facebook, static FBML, video
