HTML тег <object>

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

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

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

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

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

Атрибуты

Атрибут	Значение	Описание
align	top bottom middle left right	Не поддерживается в HTML5 . Определяет выравнивание элемента в соответствии с окружающими элементами.
archive	URL	Не поддерживается в HTML5 . Атрибут позволяет установить произвольное число файлов необходимых для работы объекта (файлы перечисляются через пробел).
border	pixels	Не поддерживается в HTML5 . Определяет ширину границы вокруг объекта
classid	class_ID	Не поддерживается в HTML5 . Определяет класс ID значение , установленное в реестре Windows или URL.
codebase	URL	Не поддерживается в HTML5 . Определяет, где найти код для объекта
codetype	media_type	Не поддерживается в HTML5 . Указывает на тип объекта, заданный атрибутом classid.
data	URL	Задает адрес ресурса, который будет использоваться объектом.
declare	declare	Не поддерживается в HTML5 . Определяет, что объект должен быть только объявлен (использование предполагается другим элементом).
form	form_id	Задает одну или несколько форм к которым объект принадлежит.
height	pixels	Указывает высоту объекта.
hspace	pixels	Не поддерживается в HTML5 . Определяет пробелы слева и справа от объекта.
name	name	Задает имя объекта.
standby	text	Не поддерживается в HTML5 . Определяет текст, отображаемый в то время как объект загружается.
type	media_type	Указывает MIME-тип, указанный в атрибуте данных
usemap	#mapname	Определяет имя карты с изображением, используемую с объектом.
vspace	pixels	Не поддерживается в HTML5 . Определяет пробелы на верхней и нижней части объекта.
width	pixels %	Указывает ширину объекта.

Пример использования

<!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> совместно с тегом <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 теги