/ ↲
    Расширенный поиск

    HTML

    <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="600"  height="700">  <a href="example.pdf">Лунная соната № 14 PDF</a></object>
          <object
  class="pdf_example"
  type="application/pdf"
  data="example.pdf"
  width="600"
  height="700"
>
  <a href="example.pdf">Лунная соната № 14 PDF</a>
</object>
    Открыть демо в новой вкладке

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

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

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

    Читайте также