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=”https://zarabotat-na-sajte.ru/адрес_объекта” — адрес объекта для подключения
  • 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>




Читайте также:

• HTML тег <form> – подробное описание с примерами

• HTML тег <div> – подробное описание с примерами

• Как добавить кнопку "Наверх" на сайте

• Как сделать якорь ссылки

• Как сделать форму обратной связи на php с каптчей

• Как скруглить углы в HTML через CSS

• Как вставить музыку на сайте

• Как сделать карту изображений (карта ссылок)

• Как сделать слайдер

← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.