Существует несколько форматов файлов с видеофрагментами. Например, разработанный фирмой MicroSoft стандарт Video for Windows (AVI).
Для указания видеофрагмента на Web-странице используется тот же тэг <IMG>, что и для задания изображений, содержащий следующие параметры:
DYNSRC - указывает URL-адрес файла с видеофрагментом;
SRC - указывает URL-адрес файла с изображением, которое выводится на экран в том случае, когда видеофрагмент не может быть загружен на Web-страницу;
START - указывает, как осуществляется запуск видеофрагмента:
fileopen - сразу после загрузки Web-страницы;
mouseover - после наведения на видеофрагмент указателя мыши.
LOOP - указывает число повторений видеофрагмента (-1 или infinite - бесконечно) ;
Для задания размера и выравнивания видеофрагментов используются те же параметры (HEIGHT, WIDTH и ALIGN), что и для изображений.
В примере №1 показано задание видеофрагментов на Web-странице.
Для задания звука на Web-странице используется тэг <BGSOUND>, который содержит такие параметры:
SRC - указывает URL-адрес звукового файла (расширения .WAV, AU, MIDI и др.);
LOOP - указывает число повторений звукового сопровождения (-1 или infinite - бесконечно).
Пример 1
<HTML>
<HEAD>
<TITLE> Графика на Web-странице </TITLE>
<LINK REL=STYLESHEET HREF="my.css">
<STYLE> P{color:blue; font:italic bold 8mm} </STYLE>
</HEAD>
<BODY STYLE="background:url(bg.gif) fixed ">
<H1> Графика и видеофрагменты на Web-странице </H1>
<TABLE WIDTH=50% HEIGHT=100 ALIGN=center STYLE="text-align:center;
border:solid 2 #00FFFF">
<TR>
<TD STYLE="background-color:#00a0a0"> Непрозрачный фон
<TD STYLE="background-color:transparent"> Прозрачный фон
</TABLE><BR><BR>
<SRC="fish.gif" ALT="Рыбки" WIDTH=200 ALIGN=left HSPACE=20
STYLE="border:groove 12 red">
<P> Изображение увеличено в три раза, выравнено слева от текста, имеет рамку и отступы по горизонтали <BR><BR><BR>
<P ALIGN=right> Вырезанный фрагмент изображения
<IMG SRC="fish.gif" WIDTH=300 STYLE="z-index:-1;
position: absolute; left:750; top:360; clip:rect(0,250,120,100)">
<BR>< BR> <BR>
<P> Видеофрагмент
<IMG DYNSRC="Orbit.avi" START=mouseover WIDTH=500 HEIGHT=125 LOOP=1 ALIGN=middle> выровнен по центру текста и запускается по наведению мыши
</BODY>
</HTML>