html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <embed>

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

Синтаксис

	<embed>		      						     				  (закрывающий тег не требуется)

Атрибуты

  • height – задает высоту области просмотра в пикселях CSS (проценты не допустимы).
  • src – указывает абсолютный или относительный путь к подключаемому файлу (подробнее здесь).
  • type – указывает MIME-тип подключаемого объекта. Ознакомиться с полным списком mime-типов можно на сайте Мозилы здесь или на Википедии здесь.
  • width – задает ширину области просмотра в пикселях CSS (проценты не допустимы).
  • Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Примеры

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
	
	<!-- Для просмотра примера установите флэшплейер -->
	
	<!-- Здесь мы вставили ролик про Саймона, но уже в формате флеш-плейера, -->
	<!-- который мы не сможем воспроизвести при момощи тегов audio и video -->
	<!-- Функции контрольной панели в плагине выполняет контекстное меню -->
	<embed src="html_files/video/Саймон.swf" width="640" height="480" 
	type="application/x-shockwave-flash" play="false" loop="false" 
	pluginspage="http://www.macromedia.com/go/getflashplayer">
	
	<p>
		Для воспроизведения ролика установите флэшплейер и используйте <br>
		контекстное меню, поскольку контрольная панель плагином не предусмотрена. 
	</p>	
	
</body>
</html>

Пример №1