Тег embed – Embed и object — Html теги для отображения медиа контента (видео, флеш, аудио) на веб страницах

seodon.ru | Теги HTML - Тег EMBED

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

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

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

Тег <EMBED> не входит в спецификацию HTML4.01 (но появится в HTML5), вместо него рекомендуется использовать тег <OBJECT>. Но дело в том, что не все браузеры и не во всех случаях поддерживают его должным образом. Выходом в такой ситуации будет включение <EMBED> в контейнер <OBJECT>. Кроме этого, внутри элемента <EMBED> можно указать тег <NOEMBED> для вывода альтернативной информации, если браузер не сможет отобразить объект.

Используйте этот тег с осторожностью, так как пользователи не любят, когда без их ведома начинает звучать музыка. А если учесть то, что громкость их колонок будет на максимуме и за окном ночь, то, скорее всего они сразу закроют такую страницу, чтобы никогда на нее не вернуться... Поэтому, если уж вы решите использовать <EMBED>, то предупредите о звуке перед входом на страницу, либо установите значение false атрибута autostart. А уж если вы используете на одной странице несколько звуковых файлов, то обязательно используйте autostart, иначе при загрузке страницы они «заголосят» одновременно.

Атрибуты

Личные атрибуты:

  • align — Задает положение объекта относительно окружающего контекста.
  • autostart — Разрешает или запрещает воспроизведение файла сразу после загрузки страницы.
  • bgcolor — Цвет фона.
  • height — Обязательный атрибут. Задает исходную высоту объекта.
  • hidden — Указывает отображать объект в окне или нет.
  • hspace — Задает боковые поля от окружающего контекста.
  • loop — Разрешает или запрещает зацикливание воспроизведения.
  • pluginspage — Указывает путь к плагину, на случай, если браузер еще не имеет данного расширения.
  • src — Обязательный атрибут. Указывает путь к подключаемому файлу.
  • type — Задает MIME-тип файла.
  • volume — Устанавливает уровень громкости.
  • vspace — Задает поля сверху и снизу от окружающего контекста.
  • width — Обязательный атрибут. Задает исходную ширину объекта.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: объекты.

Может содержать: данный элемент является пустым/Empty. Однако, если используется тег <NOEMBED>, то в этом случае закрывающий тег необходим.

Открывающий тег: необходим. Закрывающий тег: не обязателен.

Синтаксис

<embed src="URL">

Пример HTML: применение тега 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=utf-8">
  <title>seodon.ru - Применение тега EMBED</title>
 </head>
 <body>
  <p>Сейчас вы должны слышать музыку.</p>
  <embed src="files/sound.mid" type="audio/midi"
         pluginspage="http://www.apple.com/quicktime/download/"
         loop="true" volume="50">
 </body>
</html>

Результат примера

Результат. Применение тега EMBED.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:НетДаНетНет

Тега <EMBED> нет в спецификации HTML4.01, поэтому если его использовать будет невалидный код.

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

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

Не все атрибуты данного тега поддерживаются браузерами в полной мере. Для уточнения смотрите каждый в отдельности.

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=../../html/tags/"somemusic.mid" hidden="true"></embed>

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

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

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

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

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

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

По теме

Тег embed - Уроки по созданию сайтов на WordPress

Тег <embed>

Описание

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

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

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

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

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

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

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

Синтаксис

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

Атрибуты

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

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

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

Пример

<!DOCTYPE HTML>
<!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>

<!DOCTYPE HTML> <!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 тег 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> Сделай код и жми тут

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

По теме

HTML :: Использование тега

Как мы уже говорили выше, элементы 'audio' и 'video' позволяют отображать не все форматы аудио и видеофайлов. Поэтому для отображения объектов, которые браузер не понимает изначально, используется элемент 'embed', формирующийся одиночным тегом <embed> (от англ. embedвставлять, внедрять). Как правило, такие объекты требуют использования плагинов (от англ. plug in) – независимо компилируемых программных модулей, которые подключаются к браузеру и расширяют его возможности по отображению различных объектов.

Перечислим имеющиеся атрибуты элемента 'embed':

  • src – указывает абсолютный или относительный путь к подключаемому файлу,
  • type – указывает MIME-тип подключаемого объекта,
  • width – задает ширину области просмотра,
  • height – задает высоту области просмотра.

Как видим стандартных атрибутов немного, однако для воспроизведения мультимедийных объектов, добавленных при помощи элемента 'embed', браузер попытается воспользоваться одним из установленных плагинов. В результате кроме официальных атрибутов элемента станут доступны и дополнительные атрибуты, которые будут работать под конкретный подключаемый плагин. Так в нашем примере №1 указан атрибут type="application/x-shockwave-flash", поэтому браузер сразу же попытается воспользоваться плагином флеш-плейера. Если плагин окажется доступным, браузер распознает использованные нами дополнительные атрибуты play и loop, поскольку они идут в комплекте с Adobe Flash Player. Кроме того, мы всегда сможем воспользоваться и другими дополнительными атрибутами, полный список и описание которых можно посмотреть на официальном сайте плагина здесь.

<!DOCTYPE html>
<html>
<head>
	<!-- Незабываем задавать служебные элементы -->
	<meta charset="utf-8">	
	<base href="http://localhost/test/">
	<title>Элемент 'embed'</title>
</head>
<body>
	
	<!-- Для просмотра примера установите флэшплейер -->
	
	<!-- Здесь мы вставили ролик про Саймона, но уже в формате флеш-плейера, -->
	<!-- который мы не сможем воспроизвести при момощи тегов audio и video -->
	<!-- Функции контрольной панели в плагине выполняет контекстное меню -->
	<embed src="belarusweb_files/video/Саймон.swf" 
	type="application/x-shockwave-flash" play="false" loop="false" 
	pluginspage="http://www.macromedia.com/go/getflashplayer">
	
	<p>
		Для воспроизведения ролика установите флэшплейер и используйте <br>
		контекстное меню, поскольку контрольная панель плагином не предусмотрена. 
	</p>	
	
</body>
</html>

Пример №1. Использование элемента 'embed'

Таким образом, элемент 'embed' представляет собой выделенную на странице область, в которую можно подгружать что-нибудь стороннее, что не может быть воспроизведено при помощи имеющихся возможностей. При этом не нужно использовать данный элемент для вставки доступных форматов изображений, аудиозаписей или видеороликов. Также отметим, что если встроенных возможностей браузера или установленных плагинов не будет достаточно для отображения объекта, браузер выдаст соответствующее предупреждение.

: Вложение расширенных элементов - Веб-технологии для разработчиков

This translation is incomplete. Please help translate this article from English

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

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

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

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

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

Атрибуты

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

height
Отображает высоту ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.
src
Ссылка на встраиваемый ресурс.
type
MIME-тип, используемый для выбора подключаемого модуля для создания экземпляра.
width
Отображает ширину ресурса в CSS пикселях. Это должно быть абсолютное значение; проценты не допустимы.

Примечание

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

Примеры

<embed type="video/quicktime" src="movie.mov">

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

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

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
embedChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
heightChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
srcChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
typeChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да
widthChrome Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна

Смотрите также

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

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

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

Тег <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=../../../manuals/html/tags/"somemusic.mid" hidden="true"></embed>

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

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

Рекомендации по использованию

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

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

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

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

По теме

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *