HTML :: Тег <object>
В HTML тег <object> (от англ. object – объект) используется для вставки и отображения на странице объектов, которые браузер не понимает изначально (например, некоторые виды видео и аудиофайлов, а также флэш-роликов). Как правило, такие объекты требуют использования плагинов (от англ. plug in), представляющих собой независимо компилируемые программные модули, которые подключаются к браузеру и расширяют его возможности по отображению различных объектов. При этом вид внедряемых объектов зависит не только от браузера, но и от используемого плагина, типа загружаемого файла и атрибутов самого элемента <object>. В случае необходимости внутри контейнера <object> разрешается размещать элементы <param>, которые позволяют передавать дополнительные параметры плагинов для отображения объекта.
Если между открывающим и закрывающим тегами элемента <object> поместить обычный текст, то он будет отображаться только в браузерах, которые не поддерживают этот элемент.
Синтаксис
<object>
...
<param>
...
</object>
Закрывающий тег: обязателен.
Атрибуты
- data – указывает абсолютный или относительный путь к подключаемому файлу (подробнее здесь).
- form – связывает элемент <object> с формой, в качестве значения принимая соответствующее значение атрибута id формы. Это может потребоваться в случае, когда элемент расположен за пределами формы.
- height – задает высоту области просмотра в пикселях CSS (проценты не допустимы).
- name – задает уникальное имя элементу, которое позволяет обращаться к нему через скрипты.
- type – указывает MIME-тип подключаемого объекта. Ознакомиться с полным списком mime-типов можно на сайте Мозилы здесь или на Википедии здесь.
- usemap – сообщает браузеру о том, что вставляемый объект является клиентской картой-изображением. В качестве значения атрибут принимает знак решетки, за которым следует имя элемента map, содержащего координаты для данной карты-изображения (например, если <map name="clientMap">, то атрибут должен иметь вид usemap="#clientMap").
- width – задает ширину области просмотра в пикселях CSS (проценты не допустимы).
- Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-object-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/object
Примеры
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base href="https://site.name/"> <title>Пример №1</title> </head> <body> <!-- Для просмотра примера установите флэшплейер --> <!-- Здесь мы вставили ролик про Саймона, но уже в формате флеш-плейера, --> <!-- который мы не сможем воспроизвести при момощи тегов audio и video --> <!-- Функции контрольной панели в плагине выполняет контекстное меню --> <object data="html_files/video/Саймон.swf" width="640" height="480" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> <param name="play" value="true"> <param name="loop" value="false"> <p> Для воспроизведения ролика установите флэшплейер и используйте <br> контекстное меню, поскольку контрольная панель плагином не предусмотрена. </p> </object> </body> </html>
Пример №1