• Страница 1 из 1
  • 1
Тег EMBED
Timons88Дата: Среда, 20.01.2010, 20:59 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 95
Репутация: 0
Статус: Offline
Потдерживается во всех браузерах.

Описание

Элемент <EMBED> используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4.0 рекомендует использовать тег <OBJECT> для загрузки внешних данных вместо тега <EMBED>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <EMBED> внутрь контейнера <OBJECT>.

Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от параметров тега <EMBED>. На рис. 1 и рис. 2 показан вид воспроизведения в браузере различных типов файлов.

Рис. 1. Воспроизведение видеофайла в браузере

Рис. 2. Воспроизведение аудиофайла в браузере

Синтаксис

<embed width="..." height="..."></embed>

Параметры

align - Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
height - Высота объекта.
hidden - Указывает, скрыть объект на странице или нет.
hspace - Горизонтальный отступ от объекта до окружающего контента.
pluginpage - Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src - Путь к файлу.
type - MIME-тип объекта.
vspace - Вертикальный отступ от объекта до окружающего контента.
width - Ширина объекта.

Закрывающий тег - Обязателен.

Пример 1. Использование тега <EMBED>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED</title>
</head>
<body>
<embed src="mouse.swf" width="400" height="300" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</body>
</html>

Описание параметров тега <EMBED>

Параметр ALIGN

Описание

Определяет выравнивание объекта на странице и способ его отображения совместно с другими нижележащими элементами вроде текста

Синтаксис

<embed align="absmiddle | baseline | bottom | left | middle | right | texttop | top">...</embed>

Аргументы

absmiddle - Выравнивание середины объекта по середине текущей строки.
baseline - Выравнивание объекта по базовой линии текущей строки.
bottom - Выравнивание нижней границы объекта по окружающему тексту.
left - Выравнивает объект по левому краю окна, текст обтекает его справа.
middle - Выравнивание середины объекта по базовой линии текущей строки.
right - Выравнивает объект по правому краю окна, текст обтекает слева.
texttop - Верхняя граница объекта выравнивается по самому высокому текстовому элементу текущей строки.
top - Верхняя граница объекта выравнивается по самому высокому элементу текущей строки.

Значение по умолчанию - bottom

Пример 2. Выравнивание объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр align</title>
</head>
<body>

<embed src="movie.avi" width="400" height="300" align="left"></embed>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

</body>
</html>

Параметр HEIGHT и WIDTH

Описание

Параметр height устанавливает высоту объекта, а width — его ширину. В заданные размеры входит не только само изображение, например в случае воспроизведения видеофайла, но и панель управления им, включая кнопки проигрывания, паузы, остановки и т.д. По этой причине на размер отображаемого объекта влияет тип файла и применяемый плагин.

Если используется процентная запись, то размеры объекта вычисляются относительно родительского элемента — контейнера, где находится тег <EMBED>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width="100%" означает, что объект будет занимать всю доступную ширину веб-страницы.

Несмотря на заданные размеры объекта, его исходные пропорции сохраняются, но в случае явного диссонанса высоты и ширины добавляется пустое пространство по вертикали или горизонтали.

Синтаксис

<embed height="ширина" width="высота">...</embed>

Обязательные параметры - Да.
Аргументы - Любое целое положительное число в пикселах или процентах.
Значение по умолчанию - Нет.

Параметр HIDDEN

Описание

Параметр hidden представляет собой выключатель, который определяет, отображать объект в окне браузера или нет. Это особенно удобно для скрытия панели управления при воспроизведении фоновой музыки. Если этот атрибут указан, значение параметров width и height игнорируется.

Синтаксис

<embed hidden>...</embed>

Аргументы - Нет.
Значение по умолчанию - По умолчанию этот параметр выключен.

Пример 3. Сокрытие объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр hidden</title>
</head>
<body>

<embed src="jazz.mp3" hidden></embed>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

</body>
</html>

Параметр HSPACE и VSPACE

Описание

Для любого объекта можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании объекта текстом, в этом случае необходимо вокруг него добавить пустое пространство.

Синтаксис

<embed hspace="отступ по горизонтали" vspace="отступ по вертикали">...</embed>

Аргументы - Любое целое положительное число в пикселах.
Значение по умолчанию - 0

Пример 4. Отступы вокруг объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр hspace и vspace</title>
</head>
<body>

<embed src="banner.swf" width="600" height="200"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
hspace="10" vspace="10"></embed>

</body>
</html>

Параметр PLUGINSPAGE

Описание

Если браузер не поддерживает указанный тип файлов заданный параметром src, то pluginspage используется для того, чтобы перейти по указанному адресу, откуда можно скачать и установить необходимый плагин. Браузер сообщает пользователю, что требуемого плагина для отображения файла нет, и запрашивает, загружать его или нет.

Синтаксис

<embed pluginspage="URL">...</embed>

Аргументы - Любой корректный URL (Universal Resource Locator, универсальный указатель ресурсов).
Значение по умолчанию - Нет.

Пример 5. Адрес требуемого плагина

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр pluginspace</title>
</head>
<body>

<embed src="ban.swf" width="200" height="200"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

</body>
</html>

Параметр SRC

Описание

Параметр src указывает путь к файлу, который необходимо загрузить в окно браузера. Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла.

Синтаксис

<embed src="URL">...</embed>

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию - Нет.

Параметр TYPE

Описание

Не всегда браузер может распознать тип файла по его расширению. В таких случаях лучше указывать его тип с помощью параметра type, который устанавливает MIME-тип для данных.

Синтаксис

<embed type="MIME-тип">...</embed>

Аргументы

Имя MIME-типа в любом регистре. Допускается устанавливать сразу несколько значений, разделяя их запятыми.

Значение по умолчанию - Нет.

 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025
Создать бесплатный сайт с uCoz