<object>

Встраиваем мультимедиа на страницу.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Тег <object> используется для встраивания на страницу других страниц или мультимедийных элементов (PDF, Flash, видео- или аудио-плееров).

Пример

Секция статьи "Пример"

Встраивание видео с YouTube:

        
          
          <object  type="video/mp4"  data="https://www.youtube.com/watch?v=dQw4w9WgXcQ"  width="1280"  height="720"></object>
          <object
  type="video/mp4"
  data="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
  width="1280"
  height="720">
</object>

        
        
          
        
      

Обычно поле type нужно указывать, но для YouTube-видео это необязательно.

Как пишется

Секция статьи "Как пишется"
        
          
          <object class="pdf_example" type="application/pdf"  data="example.pdf"  width="300"  height="200">  <a href="example.pdf">Лунная соната №14 PDF</a></object>
          <object class="pdf_example" type="application/pdf"
  data="example.pdf"
  width="300"
  height="200">
  <a href="example.pdf">Лунная соната №14 PDF</a>
</object>

        
        
          
        
      
Открыть демо в новой вкладке

Если браузер не поддерживает тип встроенного файла, то он покажет вложенное содержимое в качестве фолбэка. В нашем примере, если встраивание PDF-инструкции не поддерживается, то мы увидим ссылку на её скачивание.

Доступные атрибуты:

  • data — ссылка на встраиваемый ресурс;
  • type — MIME-тип подгружаемого объекта;
  • name — имя объекта;
  • usemap — атрибут для связи объекта с тегом <map>;
  • width — ширина объекта;
  • height — высота объекта;
  • form — связь с одной или несколькими формами.