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>
Читайте также:
• HTML тег <form> - подробное описание с примерами
• HTML тег <div> - подробное описание с примерами
• Как добавить кнопку "Наверх" на сайте
• Как сделать якорь ссылки
• Как сделать форму обратной связи на php с каптчей
• Как скруглить углы в HTML через CSS
• Как вставить музыку на сайте
• Как сделать карту изображений (карта ссылок)
• Как сделать слайдер