HTML-тег <embed>
Тег <embed> используется в качестве контейнера для внешних приложений, мультимедиа и интерактивного контента, которые браузер не понимает. Для их корректного отображения необходимо установить или включить внешние плагины или специальные программы. Отображение встроенного контента зависит от типа файла, атрибутов тега <embed> и установленных в браузере плагинов. Для современной веб-разработки рекомендуется использовать теги <video> и <audio> вместо тега <embed>.
Для загрузки объектов в HTML4 используйте тег <object>. Для обеспечения более широкой совместимости тег <embed> часто помещают внутрь тега <object>. В HTML5 <embed> является стандартным элементом, поэтому документы с его использованием проходят валидацию корректно.
TIP
Используйте CSS-свойство object-position для корректного позиционирования встроенного объекта в рамках элемента.
Синтаксис
Тег <embed> является пустым, что означает отсутствие необходимости в закрывающем теге. Однако в XHTML тег <embed> должен быть закрыт (<embed/>).
Пример использования HTML-тега <embed> для вставки логотипа:
Пример использования HTML-тега <embed>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed src="https://ru.w3docs.com/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" />
</body>
</html>Результат
Пример использования HTML-тега <embed> для вставки аудио:
Пример использования HTML-тега <embed> для вставки аудио:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="audio/mpeg"
src="https://ru.w3docs.com/build/audios/audio.mp3"
width="200"
height="100" />
</body>
</html>Пример использования HTML-тега <embed> для вставки видео:
Пример использования HTML-тега <embed> для вставки видео:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<embed type="video/mp4"
src="https://ru.w3docs.com/build/videos/arcnet.io(7-sec).mp4"
width="300"
height="200"
title="Arcnet.io video" />
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align | left, right, center, justify | Задает выравнивание встроенного контента на странице и способ обтекания текстом. |
| height | пиксели | Определяет высоту встроенного контента. |
| pluginspage | URL | Адрес, с которого можно загрузить и установить необходимый плагин. |
| src | URL | Указывает путь к файлу, который будет вставлен в тег <embed>. |
| type | MIME-тип | Определяет MIME-тип (спецификацию передачи по сети файлов различных типов) встроенного контента. |
| vspace | пиксели | Определяет вертикальный отступ от встроенного контента до окружающего. |
| width | пиксели | Определяет ширину встроенного контента. |
Тег <embed> поддерживает Глобальные атрибуты и Атрибуты событий.
Примечание: Атрибуты align и vspace устарели в HTML5. Для современной стилизации и верстки рекомендуется использовать CSS-свойства width, height и object-position вместо HTML-атрибутов.
Практика
В каких случаях используется HTML-тег <embed>?