HTML-тег <object>
Тег <object> встраивает ресурс в HTML-документ: видео, аудио, другие документы и т.д. Внутри можно разместить запасной контент, если ресурс не загрузился или тег не поддерживается.
Параметры плагинов передают через <param>.
Для изображений чаще используют <img>. Для <object> обычно задают хотя бы один из атрибутов type или data.
Синтаксис
Парный тег; обычно дочерний к <body>.
data — URL ресурса (важен для загрузки). type — MIME-тип (рекомендуется).
Пример
HTML <object>
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>Embedded video with fallback content:</p>
<object width="320" height="240" data="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4" type="video/mp4">
<p>Your browser does not support the object tag. <a href="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4">Download the video</a> instead.</p>
</object>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| align | top bottom middle left right | Выравнивание (устарело в HTML5). |
| archive | URL | Список архивов (устарело). |
| border | px | Граница (устарело). |
| classid | URL | Реализация объекта (устарело). |
| codebase | URL | База для относительных URI (устарело). |
| codetype | media_type | Тип кода для classid (устарело). |
| data | URL | URL ресурса. |
| declare | declare | Только объявление без создания (устарело). |
| form | form_id | Связь с формой. |
| height | px | Высота. |
| hspace | px | Горизонтальные поля (устарело). |
| name | имя | Имя объекта. |
| standby | текст | Текст при загрузке (устарело). |
| tabindex | число | Порядок в табуляции. |
| type | media_type | MIME-тип данных. |
| usemap | #mapname | Карта изображения. |
| vspace | px | Вертикальные поля (устарело). |
| width | px | Ширина. |
Устаревшие align, border, hspace, vspace заменяйте CSS.
Также глобальные атрибуты и атрибуты событий.
Practice
Какие атрибуты относятся к HTML-тегу <object>?