Тег embed: Тег | htmlbook.ru

Leave a Comment / Разное / By /

: Вложение расширенных элементов — HTML

**HTML-элемент <embed> **вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.

Примечание: Этот раздел посвящён только элементу, который является частью стандарта HTML5, и никак не касается ранних, нестандартизированных его реализаций.

Имейте ввиду, что большинство современных браузеров посчитали устаревшей и удалили поддержку встраивания плагинов, так что использование <embed>, как правило, не рекомендуется, если вы хотите, чтобы ваш сайт одинаково работал у всех его пользователей.

Категории контентаFlow content (en-US), phrasing content (en-US), embedded content, interactive content, palpable content.
Допустимое содержимое
Отсутствует, это empty element.
Пропуск теговДолжен иметь открывающий тег, закрывающий тег должен быть пропущен
Допустимые родителиЛюбой элемент, который допускает встроенный контент
Допустимые ARIA-ролиapplication (en-US), document (en-US), img (en-US), presentation (en-US)
DOM-интерфейсHTMLEmbedElement (en-US)

Атрибуты этого элемента включают все глобальные атрибуты.

height

Отображает высоту ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.

src

Ссылка на встраиваемый ресурс.

type

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

width

Отображает ширину ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.

Вы можете использовать свойство object-position, чтобы настроить расположение встроенного объекта в рамке элемента, а также свойство object-fit, чтобы контролировать регулирование размер объекта в соответствии с рамкой.

<embed type="video/quicktime" src="movie.mov" />
Specification
HTML Standard
# the-embed-element

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Примечание: До версии 45, Firefox не отображает содержимое HTML-ресурса, но сообщает о том, что для отображения контента требуется плагин (см. баг 730768).

  • Другие элементы, используемые для встраивания различного рода контента: <audio>, <canvas>, <iframe> (en-US), <img>, <math>, <object> (en-US), <svg>, and <video>.
  • Свойства, для позиционирования и определения размера внедрённого контента в его фрейме: object-position and object-fit

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

Тег | 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

❮ Назад Полный справочник HTML Далее ❯


Пример

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

Попробуйте сами »

Пример

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

embed type=»text/html» src=»snippet.html»>

Попробуйте сами »

Пример

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

Попробуйте сами »

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

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

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

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

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

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

Предложение

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

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