Azt hiszem, érdemes egy bejegyzést ennek a leírására is szentelni, mert talán akad valaki aki pont ez alapján fog a későbbiek során elboldogulni vele.

A videómegosztókról, mint amilyen például a YouTube, érdemes tudni, hogy kiemelt érdekük az anyagaik széles körű terjesztése, melyet leginkább úgy tudnak biztosítani, hogy a náluk megosztott videókat mindenki szabadon beillesztheti saját webes anyagaiba.

Ehhez a rendszerek fejlesztői segítséget is adnak, hiszen a hasonló szolgáltatásoknál általában megtalálható a megnyitott videó adatai között az embed (beágyazás) szövegdoboz a beillesztéshez szükséges adatokkal. Nem kell mást tenni, mint ezt szövegként kimásolni onnan, és a saját HTML-anyagunk forráskódjába beilleszteni.

Youtube beillesztéshez szükséges kód

A forráskód szerkesztését szerencsére a legtöbb blogszolgáltató, így a Freeblog rendszere is megengedi. Erre szolgál a bejegyzés-szerkesztő alsó ikonsorának végén található kék színű ikon.

A HTML szerkesztő ikonja a Freeblog bejegyzés szerkesztőjébenMiután elvégeztük a beillesztést, magát a videóanyagot a szerkesztőn belül nem fogjuk látni, csak azt, hogy mekkora méretet foglal el, de ez ne zavarjon minket, magán a blogon már rendben meg fog jelenni.

Természetesen könnyen előfordulhat, hogy olyan blogsablont használunk, mely mellett az eredeti videóméret túlnyúlna a szövegrész számára fenntartott területen. Ekkor érdemes átméretezni a videónkat, amit a beillesztett YouTube-kódrészleten belül tudunk megtenni. Nem kell mást tennünk, mint mind a két helyen átírni benne a width (szélesség) és a height (magasság) értékét az általunk megkívánt mérethez. Mivel egy videóanyagnál fontos az eredeti méretarányok megtartása, ennek kiszámításához segítségünkre lehet egy mezei számológép, de gondolom ennek a részleteibe már nem kell belemennünk. :)

Konkrétan az itteni szövegrészben megjelenített képanyagok optimálisan legnagyobb szélessége 395 pixel, így a YouTube alapértelmezett 425*350-es mérete helyett itt a 395*325-ös méret a legjobb.

Emellett még arra is érdemes ügyelni, hogy a videó megjelenítéséért felelős kód egy bekezdésen belülre essen, mert így lehet a legkönnyebben középre igazítani.

HTML-ben egy bekezdés alatt a forráskódon belül a <p> és a </p> tagek között lévő részt értjük. (tag: a HTML nyelvben szögletes zárójelek között lévő struktúraelem, ilyenek egymásba ágyazásából épül fel egy weblap.) P tehát bekezdést (paragraph) jelent. Ezt kell kiegészíteni a nyitó tagben a középre igazítást végző align="center" résszel.

Ennek megfelelően a fenti Hitleres videó a következőképpen kellene, hogy kinézzen a Freeblog HTML szerkesztőjében (sárgával emelem ki, amit nem a YouTube embed részből szedtünk ki, zölddel pedig azt, amit onnan, de utána átírtunk):

<p align="center">
<object width="395" height="325">
<PARAM NAME="movie" VALUE="http://www.youtube.com/v/vezr3dW4J5s">
<PARAM NAME="wmode" VALUE="transparent">
<embed src="http://www.youtube.com/v/vezr3dW4J5s" mce_src=http://www.youtube.com/v/vezr3dW4J5s type="application/x-shockwave-flash" wmode="transparent" width="395" height="325">
<param name="movie" value=http://www.youtube.com/v/vezr3dW4J5s>
</param>
<param name="wmode" value="transparent">
</param>
</object>
</p>

Remélem, minden érthető, de ha mégse, szívesen válaszolok minden felmerülő kérdésre.

By SoDI


 
 
5 (1)
Jelentkezz be a szavazáshoz!