Содержание

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+2.0+1.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

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

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

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

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

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

Синтаксис

<embed></embed>

Атрибуты

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

Закрывающий тег

Не требуется.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Тег EMBED</title>
  </head>
  <body> 
    <embed src="images/mouse.swf" 
           type="application/x-shockwave-flash"
           pluginspage="http://www.macromedia.com/go/getflashplayer">  
  </body>
</html>

Тег | HTML справочник

HTML теги

Значение и применение

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

Он не входил в стандарт HTML 4, но поддерживался браузерами, официальный статус он обрёл лишь в спецификации HTML 5. Спецификация HTML 4.0 рекомендовала использовать тег <object> для загрузки внешних файлов, поэтому веб-мастера помещали тег <embed> внутрь тега элемент <object>, который применялся в качестве запасного варианта в элементе <object>, чтобы обеспечить поддержку более широкого круга браузеров и обеспечить валидность документа. В HTML 5 такой необходимоcти нет (элемент проходит валидацию).

Поддержка браузерами

Тег
Chrome

Firefox

Opera

Safari

IExplorer

Edge
<embed>ДаДа
Да
ДаДаДа

Атрибуты

АтрибутЗначениеОписание
heightpixelsОпределяет высоту встроенного содержимого.
srcURLУказывает адрес внешнего файла для встраивания.
typemedia_typeУказывает MIME-тип встроенного содержимого.
widthpixels
%
Определяет ширину встроенного содержимого.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тегов <object> и <embed></title>
	</head>
	<body>
		<p>Размещение видео с YouTube</p>
		<!--внедряем в страницу видео с использованием парного тега <object>-->
		<object width = "320" height = "240" data = "https://www.youtube.com/embed/d9TpRfDdyU0">
		</object>
		<!--внедряем в страницу видео с использованием тега <embed>-->
		<embed  width = "320" height = "240" src = "https://www.youtube.com/embed/d9TpRfDdyU0">
	</body>
</html>

В этом примере мы разместили видео с видео хостинга YouTube с использованием тега <object> и <embed>. Ширину и высоту видео задали с использовнием атрибутов width и height. Обратите внимание, что тег <object> парный и путь к видео необходимо указывать атрибутом data, a тег <embed> имеет синтаксис схожий с размещением обычного изображения (тег <img>) — использует атрибут src и не требует закрывающего тега.

Результат нашего примера:

Размещение видео на странице с использованием тегов <object> и <embed>.

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

embed:focus {
outline: none;
}

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

HTML и CSS с примерами кода

Тег <embed> (от англ. embed — встраивать) используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т. д.), которые исходно браузер не понимает.

Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы. Вид внедрённого объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов элемента <embed>.

Изображения и мультимедиа

Синтаксис

Закрывающий тег не требуется.

Атрибуты

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

height

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

Если используется процентная запись, то размеры объекта вычисляются относительно родительского элемента — контейнера, где располагается элемент <embed>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами,

height="100%" означает, что объект будет занимать всю доступную высоту веб-страницы.

Синтаксис

<embed>
    ...
</embed>

Значения

Любое целое положительное число в пикселях или процентах.

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

Нет.

hidden

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

игнорируются.

Синтаксис

<embed hidden="true | false">...</embed>

Значения

true
Скрывает объект.
false
Отображает объект на странице.

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

pluginspage

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

Синтаксис

<embed pluginspage="адрес">...</embed>

Значения

Любой корректный адрес, ведущий на веб-страницу с плагином.

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

Нет.

src

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

Синтаксис

<embed src="<адрес>">...</embed>

Значения

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

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

Нет.

type

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

Синтаксис

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

Значения

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

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

Нет.

width

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

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

Синтаксис

<embed>
    ...
</embed>

Значения

Любое целое положительное число в пикселях или процентах.

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

Нет.

Спецификации

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>EMBED</title>
  </head>
  <body>
    <embed
      src="flash/mouse.swf"
     
     
      type="application/x-shockwave-flash"
      pluginspage="https://get.adobe.com/flashplayer"
    />
  </body>
</html>

Ссылки

HTML тег embed | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 27.02.2009

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

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<embed></embed>

Атрибуты

Основные Вспомогательные

align задает выравнивание объекта и способ обтекания текстом
  • absmiddle — центр объекта по центру текущей строки
  • baseline — по базовой линии текущей строки
  • bottom — нижняя граница объекта выравнивается по окружающему тексту (по умолчанию)
  • left — по левому краю окна. Текст обтекает справа
  • middle — центр объекта по базовой линии текущей строки
  • right — по правому краю окна. Текст обтекает слева
  • texttop — верх объекта выравнивается по самому высокому текстовому элементу строки
  • top — верх объекта выравнивается по самому высокому элементу строки
autostart Автоматическое воспроизведение содержимого после загрузки
  • false — не воспроизводить автоматически (по умолчанию)
  • true — воспроизводить автоматически
class определяет имя используемого класса
dir определяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
height задает высоту объекта. Обязательный параметр
hidden влияет на отображение объекта браузером
  • true — не отображать объект
  • false — отображать объект (по умолчанию)
hspace отступ по горизонтали (по умолчанию 0)
lang определяет язык отображаемого документа
loop Повторять ли воспроизведение после окончания
  • false — не не повторять (по умолчанию)
  • true — повторять
pluginpage URL ресурса, с которого можно загрузить плагин для просмотра данного объекта (если он не установлен в системе)
palette тип цветовой палитры для просмотра объекта
  • background — использовать background-палитру для отображения объекта (по умолчанию)
  • foreground — использовать foreground-палитру для отображения объекта
src URL объекта
style задает встроенную таблицу стилей
type зарегестрированный MIME-тип файла. Облегчает браузеру выбор плагина
vspace отступ по вертикали (по умолчанию 0)
width задает ширину объекта. Обязательный параметр
Пример

Включение звукового файла

<embed src="somemusic.mid" hidden="true"></embed>

Подключение видеофайла

<embed src="somevideo.avi" align="left">
<noembed>Это текст увидят пользователи, браузеры которых не поддерживают работу с плагинами</noembed>
</embed>

Рекомендации по использованию
  • закрывающий тег обязателен (</embed>)
  • тег <embed> отсутствует в стандартах HTML, не пройдет валидацию
  • атрибуты height и width являются обязательными
  • для их воспроизведения требуется наличие подключаемых модулей или внешних программ (во многих современных браузерах этот модуль встроен)

Тег применять не рекомендуем. Вместо него нужно использовать тег <object>.

Твой код:
<html> <head> <title></title> </head> <body> <embed src=»http://www.mpbox.ru/examples/flash/images/test.swf» align=»left»> <noembed>Это текст увидят пользователи, браузеры которых не поддерживают работу с плагинами или не поддерживает тег embed</noembed> </embed> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

Тег embed



Пример

Встроенная флэш-анимация:

<embed src=»helloworld.swf»>


Определение и использование

Тег <embed> определяет контейнер для внешнего приложения или интерактивного содержимого (подключаемого модуля).


Поддержка браузера

Элемент
<embed> Да Да Да Да Да

Различия между HTML 4,01 и HTML5

Тег <embed> является новым в HTML5.

Примечание: Многие веб-обозреватели долгое время поддерживали тег <embed>. Однако тег <embed> не является частью спецификации HTML 4. Тег <embed> является новым в HTML5 и будет проверяться на HTML5-странице. Тем не менее, если вы используете его в HTML 4 страницы, страница не будет проверять.


Атрибуты

Атрибут Значение Описание
height pixels Задает высоту внедренного содержимого
src URL Указывает адрес внешнего файла для встраивания
type media_type Указывает тип носителя внедренного содержимого
width pixels Задает ширину внедренного содержимого


Глобальные атрибуты

Тег <embed> также поддерживает Глобальные атрибуты в HTML.


Атрибуты события

Тег <embed> также поддерживает Атрибуты событий в HTML.


Похожие страницы

Ссылка на HTML DOM: Внедрить объект


Параметры CSS по умолчанию

В большинстве обозревателей элемент <embed> будет отображаться со следующими значениями по умолчанию:

embed:focus {
    outline: none;
}

| HTML | WebReference

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

Вид внедрённого объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от атрибутов элемента <embed>.

Закрывающий тег

Атрибуты

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

Пример

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>EMBED</title> </head> <body> <embed src=»flash/mouse.swf» type=»application/x-shockwave-flash» pluginspage=»https://get.adobe.com/flashplayer»> </body> </html>

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

| Справочник HTML



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

Элемент <embed>, как и <object> относится к той же самой категории, что и изображения <img>, и фреймы <iframe>, а именно — строчные элементы с замещаемым контентом.

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

Примечание: Элементы <embed> и <object> по сути дублируют друг друга с небольшой разницей в синтаксисе написания.

Синтаксис

<embed>

Закрывающий тег

Не требуется.

Атрибуты

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

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <embed> со следующими значениями CSS по умолчанию:

embed:focus { 
    outline: none;
}

Различия между HTML 4.01 и HTML5

Хотя многие браузеры давно поддерживают тег <embed>, тем не менее, тег <embed> никогда не был частью спецификации HTML 4. Впервые он был введен в спецификацию HTML5. Таким образом, страницы HTML 4 с этим тегом не будут проходить валидацию. А аналогичные страницы HTML5 будут считаться валидными.

Пример использования:

Элемент <embed>

Пример HTML: Попробуй сам
<embed src="shar.swf" 
           type="application/x-shockwave-flash"
           pluginspage="https://get.adobe.com/flashplayer">
<object width = "320" height = "240" data = "shar.swf"></object>

Спецификации

Поддержка браузерами

Элемент
<embed> 3+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<embed> 1+ 1+ 6+ 1+


HTML-тег для встраивания


Пример

Встроенное изображение:

Попробуй сам »

Пример

Встроенная HTML-страница:

Попробуй сам »

Пример

Встроенное видео:

Попробуй сам »

Определение и использование

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

Предупреждение

Большинство браузеров больше не поддерживают апплеты и подключаемые модули Java.

Элементы управления ActiveX больше не поддерживаются ни в одном браузере.

В современных браузерах также отключена поддержка Shockwave Flash.

Предложение

Для отображения картинки лучше использовать тег .

Для отображения HTML лучше использовать тег