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