Video na stránkách

Moc o tom nevím

Video se dá do stránek vkládat nejméně třemi různými tagy. <img>, <embed> a <object>. Příklady jejich použití najdete níže.

Ke své velké lítosti nemám vyzkoušenou podporu na různých platformách. Nevím, jak moc jsou tyto tři tagy podporované v prohlížečích. Jsem přesvědčen o tom, že na spoustě konfigurací nebude fungovat nic a s některými formáty budou problémy. Také jistě záleží na tom, zda má uživatel staženou a správně nainstalovanou podporu (plužinu) pro přehrávání videa. Pokud se video přehrává na autorově počítači, ještě to nemusí nic znamenat.

Video v odkazu

Video soubory bývají (v měřítku přenosu po Internetu) dost objemné. Možná je tedy nejlepší umisťovat je do stránky čtvrtým tagem -- normálním odkazem namířeným na ten soubor. To je relativně jednoduché:

<a href="ten_soubor.avi">Přehrát video</a>

Výhodou je, že se soubor stahuje jen tomu, kdo to opravdu chce vidět.

V dalším textu jsem posbíral některé poznatky čtenářů. Protože se tímto tématem prakticky nechci zabývat, berte to jako inspiraci.

Názory jiných

Filip Halaxa:

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.

Marek Janů

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.

Radim Hasalík:

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.

Jirka Zabloudil

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">

Yuhů v nějakém mailu

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 na adrese http://dusan.pc-slany.cz/internet/html/obrazky.htm .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

Vizte též: Zvuky na webových stránkách

O tvorbě, údržbě a zlepšování internetových stránek. Základy HTML CSS FrontPage JavaScript