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

    HTML

    <object>

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

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

    1. Кратко
    2. Пример
    3. Как пишется

    Кратко

    Тег <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 — связь с одной или несколькими формами.

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