HTML тег <embed>

Html тег <embed> используется далеко не часто на страницах. Его предназначение — встраивание каких-то объектов на страницу. Например, флэш-ролики, флэш-игры, видео, музыка и т.п. Является блочным элементом (занимает какую-то прямоугольную область на странице).

Синтаксис <embed>

<embed src="URL" [Атрибуты]></embed>

Синтаксис очень короткий, но зато атрибутов у тега очень много.

Атрибуты <embed>

• align="значение" — задание расположения относительно других объектов. Может принимать значения
  • center
  • right
  • left
• autostart="true/false" — включить или отключить автостарт. Если автостарт включен, то проигрывание начинается сразу же после загрузки страницы
• bgcolor="значение" — задает цвет фона (либо в виде #XXXXXX, либо название цвета). Поскольку объект уже имеет какой-то цвет, то особого смысла в использовании нету.
• height="значение" — высота объекта в пикселях или процентах. Например, 300px или 100%.
• hidden="значение" — отвечает за видимость объекта (false - объект виден, true - скрыт)
• hspace="значение" — горизонтальный отступ от границы до объекта. Значение задается в пикселях.
• vspace="значение" — вертикальный отступ от границы до объекта. Значение задается в пикселях.
• loop="значение" — количество циклов для проигрывания.
• pluginspage="Адрес_URL" — если у браузера нету возможности открыть объект через свои средства, то загружается внешний плагин, через который и происходит загрузка. Например, pluginspage="http://www.macromedia.com/go/getflashplayer"
• src="адрес_объекта" — адрес объекта для подключения
• type="тип_файла" — определяет MIME-тип файла. Может принимать значения
  • application/x-shockwave-flash
  • image/gif
  • video/mp4
• volume="значение" — уровень громкости
• width="ширина" — задаает ширину объекта в пикселях или процентах.
• menu="true/false" — включить или отключить меню.

Примеры использования <embed>

1. Например, можно вставить к себе на сайт ролик из youtube или из другого места (можно указать и просто адрес видео на вашем сайте).

<embed width="500" height="300" type="application/x-shockwave-flash" 
src="ВНЕШНИЙ_АДРЕС_РОЛИКА"></embed>
<embed width="500" height="300" type="video/mp4" src="/video/rolik_1.mp4">
</embed>

2. Через <embed> можно выводить и просто изображения. Правда смысла особого в этом нету, т.к. есть тег <img>

<embed width="200" height="200" type="image/gif" src="/images/gifka_1.gif"></embed>

3. Зачастую через <embed> вставляют код flash-часов к себе на сайт. В этом так же особого смысла нет, т.к. пользователи пришли прежде всего за информацией на сайт, а лишний раз нагружать сайт лишними элементами не стоит.

<embed width="200" height="200" type="application/x-shockwave-flash" 
src="download/clock_primer.swf"></embed>

<embed width="200" height="200" type="application/x-shockwave-flash" 
src="download/clock_primer_2.swf"></embed>

Преобразуется на странице в:

Все flash элементы имеют расширение .swf. Если кого-то заинтересовал вопрос вставки на сайт часов, то в интернете можно найти множество вариантов подобных часов. Приведенные два примера часов можно скачать по ссылкам: clock_primer.rar и clock_primer_2.rar

4. Можно вставить музыку на странице с применением <embed>

<embed src="/audio/mus_1.mp3" width="400" height="40" autostart="false" 
type="application/x-mplayer2" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>