<object>: Элемент внешнего объекта
Базовая Широкодоступная
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Элемент <object> HTML представляет собой внешний ресурс, который можно рассматривать как изображение, вложенный контекст просмотра или ресурс, который будет обрабатываться плагином.
Попробуйте
Атрибуты
Этот элемент включает глобальные атрибуты.
-
archiveУстаревший -
Список URI архивов ресурсов для объекта, разделённых пробелами.
-
borderУстаревший -
Ширина рамки вокруг элемента управления в пикселях.
-
classidУстаревший -
URI реализации объекта. Он может использоваться вместе с атрибутом data или вместо него.
-
codebaseУстаревший -
Базовый путь, используемый для разрешения относительных URI, указанных в classid, data или archive. Если не указан, используется базовый URI текущего документа.
-
codetypeУстаревший -
Тип содержимого данных, указанных в classid.
data-
Адрес ресурса в виде корректного URL. Обязательно должно быть определено значение хотя бы одного из data и type.
-
declareУстаревший -
Наличие этого булевого атрибута делает этот элемент лишь объявлением. Объект должен быть инициализирован последующим элементом
<object>. Элемент<object>нужно полностью повторить каждый раз, когда ресурс используется повторно. form-
Элемент формы, если таковой имеется, с которым связан элемент object (его владелец формы). Значение атрибута должно быть ID элемента
<form>в том же документе. height-
Высота отображаемого ресурса в CSS пикселях. — (Только абсолютные значения. Проценты НЕ поддерживаются)
name-
Имя корректного контекста просмотра (HTML5) или имя элемента управления (HTML 4).
-
standbyУстаревший -
Сообщение, которое браузер может отобразить во время загрузки реализации и данных объекта.
type-
Тип содержимого ресурса, указанного в data. Обязательно должно быть определено значение хотя бы одного из data и type.
-
usemapУстаревший -
Ссылка на хэштег элемента
<map>, то есть символ '#' за которым следует значение атрибутаnameэлемента map. width-
Ширина отображаемого ресурса в CSS пикселях. — (Только абсолютные значения. Проценты НЕ поддерживаются)
Примеры
Вставить видео
HTML
<object type="video/mp4" data="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" width="600" height="140"> <img src="path/image.jpg" alt="useful image description" /> </object>
Результат
Если видео в примере не загружается, пользователю будет предложено изображение в качестве резервного контента. Для отображения изображения используется тег <img>. В него включен атрибут src, содержащий путь к изображению, которое нужно вставить. Также включен атрибут alt для присвоения изображению удобочитаемого имени. Если и изображение не загрузится, будет отображено содержимое атрибута alt.
Техническое описание
| Категории контента | Потоковый контент; Контент фраз; Встроенный контент, осязаемый контент; если у элемента есть атрибут usemap, интерактивный контент; перечисленный, отправляемый по форме ассоциированный с формой элемент. |
|---|---|
| Разрешённый контент | ноль или более элементов <param>, затем прозрачный. |
| Пропуск тега | Нет, и открывающий, и закрывающий тег обязательны. |
| Разрешённые родительские элементы | Любой элемент, принимающий встроенный контент. |
| Неявная роль ARIA | Нет соответствующей роли |
| Разрешённые роли ARIA |
application, document, img
|
| Интерфейс DOM | HTMLObjectElement |
Спецификации
| Спецификация |
|---|
| Стандарт HTML # the-object-element |
Совместимость с браузерами
| Настольные | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
object |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
archive |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
border |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
classid |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
codebase |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
codetype |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
data |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
declare |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
form |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
height |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
name |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
standby |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
tabindex |
1 | 12 | 1 | 15 | 3.1 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
type |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
usemap |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
width |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 |
См. также
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object