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

HTML :: Вставка на страницу объектов при помощи тега <embed>

Использование тега <embed>

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

Атрибуты тега <embed>

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

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

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

HTML Результат htmlCodes 
<!DOCTYPE html>
<html>
<head>
	<!-- Незабываем задавать служебные элементы -->
	<meta charset="utf-8">	
	<base href="https://site.name/">
	<title>Элемент «embed»</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. Использование элемента «embed»

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

Быстрый переход к другим страницам

▲
▼