HTML тег <object>

HTML теги

Значение и применение

Элемент <object> — это универсальный способ внедрения в страницу мультимедийного контента — видео, flash-роликов, апплетов, изображений и даже веб-страниц. Он может содержать несколько элементов <param>, которые используются, чтобы определить параметры для плагинов, встроенных в элемент <object>.

Внутри элемента <object> также можно поместить резервный контент, который отображается, если не поддерживается мультимедийный файл. Атрибуты и параметры меняются в зависимости от типа объекта и иногда уникальны для сторонних плагинов, отображающих мультимедийный контент.

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

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<object>ДаДаДаДаДаДа

Атрибуты

АтрибутЗначениеОписание
aligntop
bottom
middle
left
right
Не поддерживается в HTML5 .
Определяет выравнивание элемента в соответствии с окружающими элементами.
archiveURLНе поддерживается в HTML5 .
Атрибут позволяет установить произвольное число файлов необходимых для работы объекта (файлы перечисляются через пробел).
borderpixelsНе поддерживается в HTML5 .
Определяет ширину границы вокруг объекта
classidclass_IDНе поддерживается в HTML5 .
Определяет класс ID значение , установленное в реестре Windows или URL.
codebaseURLНе поддерживается в HTML5 .
Определяет, где найти код для объекта
codetypemedia_typeНе поддерживается в HTML5 .
Указывает на тип объекта, заданный атрибутом classid.
dataURLЗадает адрес ресурса, который будет использоваться объектом.
declaredeclareНе поддерживается в HTML5 .
Определяет, что объект должен быть только объявлен (использование предполагается другим элементом).
formhtml5form_idЗадает одну или несколько форм к которым объект принадлежит.
heightpixelsУказывает высоту объекта.
hspacepixelsНе поддерживается в HTML5 .
Определяет пробелы слева и справа от объекта.
namenameЗадает имя объекта.
standbytextНе поддерживается в HTML5 .
Определяет текст, отображаемый в то время как объект загружается.
typemedia_typeУказывает MIME-тип, указанный в атрибуте данных
usemap#mapnameОпределяет имя карты с изображением, используемую с объектом.
vspacepixelsНе поддерживается в HTML5 .
Определяет пробелы на верхней и нижней части объекта.
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>html5. Ширину и высоту видео задали с использовнием атрибутов width и height. Обратите внимание, что тег <object> парный и путь к видео необходимо указывать атрибутом data, a тег <embed>html5 имеет синтаксис схожий с размещением обычного изображения (тег <img>) - использует атрибут src и не требует закрывающего тега.

Результат нашего примера:

Размещение видео на странице с использованием тегов <object> и <embed>.
Размещение видео на странице с использованием тегов <object> и <embed>.

В следующем примере рассмотрено применение элемента <object> совместно с тегом <param>, который используется для определения параметров плагинов.

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования элемента <param></title>
	</head>
	<body>
		<object data = "video.mp4" name = "videoObject"> <!--внедряем в страницу мультимедийный контент (видео)-->
			<param name = "autoplay" value = "1"> <!--параметр 1-->
			<param name = "allowFullScreen" value = "true"> <!--параметр 2-->
		</object>
		<object data =  "video.swf" name = "flashVideoObject" type = "application/x-shockwave-flash"> <!--добавляем флэш видео с параметром-->
			<param name = "loop" value = "true"> <!--параметр -->
		</object>
	</body>
</html>

Отличия HTML 4.01 от HTML 5

Большинство атрибутов не поддерживаются в HTML5. В HTML5 добавлен новый атрибут form, объекты могут быть использованы и отправлены в формах, объекты не могут использоваться внутри тега <head>.

Значение CSS по умолчанию

object {
outline: none;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги