<object> Элемент HTML для внешних объектов
Baseline Широко доступно
Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Элемент <object> HTML представляет внешний ресурс, который можно использовать как изображение, вложенный контекст просмотра или ресурс, обрабатываемый плагином.
Попробуйте
<object type="video/mp4" data="/shared-assets/videos/flower.mp4" width="250" height="200"></object>
Атрибуты
Этот элемент включает глобальные атрибуты.
archive-
Разделённый пробелами список URI архивов ресурсов для объекта.
border-
Ширина границы вокруг элемента управления в пикселях.
classid-
URI реализации объекта. Может использоваться вместе с атрибутом data или вместо него.
codebase-
Базовый путь, используемый для разрешения относительных URI, указанных в classid, data или archive. Если он не указан, по умолчанию используется базовый URI текущего документа.
codetype-
Тип содержимого данных, заданных атрибутом classid.
data-
Адрес ресурса в виде действительного URL. Необходимо определить хотя бы один из атрибутов data и type.
declare-
Наличие этого логического атрибута превращает элемент только в объявление. Объект должен быть создан последующим элементом
<object>. При повторном использовании ресурса полностью повторяйте элемент<object>. form-
Элемент form, если он есть, с которым связан элемент object (его владелец формы). Значение атрибута должно быть идентификатором элемента
<form>в том же документе. height-
Высота отображаемого ресурса, заданная как
<integer>в пикселях CSS. name-
Имя действительного контекста просмотра (HTML5) или имя элемента управления (HTML 4). Имя становится свойством объектов
WindowиDocument, содержащим ссылку на встроенное окно или сам элемент. standby-
Сообщение, которое браузер может отображать во время загрузки реализации и данных объекта.
type-
Тип содержимого ресурса, заданного атрибутом data. Необходимо определить хотя бы один из атрибутов data и type.
usemap-
Ссылка с именем фрагмента на элемент
<map>, то есть символ «#», за которым следует значение атрибутаnameэлемента map. width-
Ширина отображаемого ресурса, заданная как
<integer>в пикселях CSS.
Примеры
>Встраивание видео
HTML
<object
type="video/webm"
data="/shared-assets/videos/flower.webm"
width="600"
height="140">
<img
src="/shared-assets/images/examples/flowers.jpg"
alt="Some beautiful flowers" />
</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 для Android | Opera Android | Safari для iOS | Samsung Internet | WebView Android | WebView для iOS | |
object |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
archive |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
border |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
classid |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
codebase |
1–≤62 | 12–≤80 | 1–142 | 15–≤49 | 3–≤13.1 | 18–≤62 | 4–142 | 14–≤46 | 2–≤13.4 | 1.0–≤8.0 | 4.4–≤62 | 2–≤13.4 |
codetype |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
data |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
declare |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
form |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
height |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
name |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
standby |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
type |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
usemap |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
width |
1 | 12 | 1 | 15 | 3 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/object