Video se dá do stránek vkládat nejméně třemi různými tagy. <img>, <embed> a <object>. Nejlepší je <object>. Příklady jejich použití najdete níže.
Mnohem důležitější je, v jakém formátu se video bude klientovi poskytovat. Ať použijete jakýkoli formát, na spoustě konfigurací nebude fungovat nic a se všemi formáty budou mít uživatelé problémy. Zejména záleží na tom, zda má uživatel staženou a správně nainstalovanou podporu (plug-in) pro přehrávání videa.
Pokud se video přehrává na autorově počítači a pěti lidem v jeho firmě, ještě to nemusí nic znamenat, protože lidem v širém světě to prostě nemusí fungovat.
V podstatě jediný aspoň trochu spolehlivý formát na přehrávání videa v prohlížeči je flash. Přes flash funguje YouTube, Stream.cz a spousta dalších podobných serverů. Nějakou verzi flashe totiž v prohlížeči má nainstalovánu skoro každý (blíží se to k devadesáti procentům) a výrobce flashe se snaží, aby byl flash snadno instalovatelný (což se například o microsoftích doplňcích říct fakt nedá).
Dnes spousta lidí spekuluje o tom, jak mohli dva kluci z garáže vyvinout YouTube.com do tak slavného serveru. Podle mě je podstata jejich úspěchu v tom, že mezi prvními vyvinuli nástroj, jak zkonvertovat normální videoformáty do flashe a potom ho datově nastreamovat ke klientovi.
Chcete-li na své stránky umístit svoje video, upřímně doporučuju jej uploadnout na www.youtube.com (případně na jiný podobný video server) a vygenerovat si kód pro vložení do stránky (je to nějaký <object>). Jakýkoli jiný způsob je v podstatě velmi nespolehlivý.
Přiznám se, že nevím, jak podobnou věc rozchodit na vlastním serveru. Neumím udělat ani streamování dat, ani konverzi videa do flashe (leda přes program Format Factory). Ocením poznatky.
Video soubory bývají (v měřítku přenosu po Internetu) dost objemné. Není úplně blbý nápad umisťovat je do stránky normálním odkazem namířeným na ten video soubor. To je relativně jednoduché:
<a href="ten_soubor.avi">Přehrát video</a>
Výhodou je, že se soubor spustí v programu, který je na počítači klienta k videu asociovaný, případně se pak dá snadno stáhnout na disk.
V dalším textu jsem posbíral některé poznatky čtenářů. V podstatě jsem je všechny vyhodnotil jako chybné, protože se vždy odkazují na nějaký plug-in nebo doplněk prohlížeče, který nemusí být k dispozici a často nejde ani nainstalovat.
Vkládat video do stránek jde pomocí tagu <img>, ale místo elementu "src" se zapíše "dynsrc" a url na video (<img dynsrc="video.avi">). Oficiálně to jde jen s formátem *.avi, ale jinak stačí přejmenovat koncovku třeba u *.mpg nebo *.wma na *.avi a je to:-) . Jinak pro něj platí stejné elementy jako pro statický obrázek a ještě navíc "start=fileopen(nastartuje při otevření souboru), mouseover (nastartuje, když po něm přejedete kurzorem myši)". Dále známé "loop=cislo,infinite" a bezhodnotný atribut controls, který zobrazí pod videem panel s play,pause,stop,skip.
Vložíš tento kód:
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="src" value="soubor.mid">
Sem se vkládá varianta pro prohlížeče Netscape a další.
</object>
a místo soubor.mid dáš jednoduše nějaké video třeba babicka.mpeg
Potom se ti normálně přehraje.
Video obecně lze vložit do stránek pomocí EMBED (objeví se tam normální
okýnko Windows Media Playeru - dá se nastavovat, co všechno bude viditelné
apod.). Tzn. parametry jsou stejné jako u zvuku.
již jsem na to přišel , zadal jsem
<img dynsrc="video1.avi" lowsrc="videol.jpg"
start="mouseover" loop=1
controls align=right heighl=1 widlh=1 hspace=1 vspace=5 alt="gól1">
Jak vložit do stránky animaci ve formátu mpg, mpeg, avi a podobné:
Buďto tagem <img dynsrc="jmeno_obrazku.gif">, popis je u tagu img. Funguje to, pokud zná prohlížeč typ souboru a má k dispozici plug-in.
Jistější způsob (jak se to vezme) je umístění souboru jako activeX, ačkoliv tuto technologii nemám moc rád. Do html zdroje se vloží takováto šílenost:
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A"
id="identifikátor" width="239" height="251">
<param name="Filename" value="jmeno_souboru.mpeg">
<param name="Appearance" value="0">
<param name="AutoStart" value="0">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="0">
Alternativní text pro prohlížeče, které tento objektnepodporují, s <a
href="jmeno_souboru.mpeg">odkazem na video soubor</a>.
<!-- Tento text se v novějších prohlížečích nezobrazí -->
</object>
Hodnoty parametrů se samozřejmě dají měnit. Důležitý je ten clasid s tou šílenou hodnotou. Jméno souboru se zadá jako parametr pomocí tagu <param name="Filename" value="jmeno_souboru.mpeg">, ostatní parametry jsou podle mé zkušenosti zbytné.
Nejsem si ovšem jistý, že tento objekt vezmou všechny prohlížeče. Jako pojistka se používá alternativní obsah uvnitř tagu <object>. Tolik o video souborech.
Sebráno 7. 7. 2002
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.