<embed>

Елемент <embed> (від англ. embed — вставити, впровадити) використовується для завантаження та відображення об'єктів (наприклад, відеофайлів, флеш-роликів, деяких звукових файлів тощо), які спочатку браузер не розуміє. Переважно такі об'єкти вимагають підключення до браузера спеціального модуля, який називається плагін, або запуску допоміжної програми.

Вид впровадженого об'єкта залежить від встановлених у браузері плагінів, типу файлу, що завантажується, а також від атрибутів елемента <embed>.

Синтаксис

<embed></embed>

Закриваючий тег

Не потрібен.

Атрибути

Атрибут alignАтрибут alignЗастаріло

Визначає, як об'єкт вирівнюватиметься на сторінці та спосіб його обтікання текстом.

Атрибут heightАтрибут height

Висота об'єкта.

Атрибут hiddenАтрибут hidden

Вказує, чи приховати об'єкт на сторінці.

Атрибут hspaceАтрибут hspaceЗастаріло

Горизонтальний відступ від об'єкта до контенту.

Атрибут pluginspageАтрибут pluginspage

Адреса сторінки в Інтернеті, звідки можна завантажити та встановити плагін до браузера.

Атрибут srcАтрибут src

Шлях до файлу.

Атрибут typeАтрибут type

MIME-тип об'єкта.

Атрибут vspaceАтрибут vspaceЗастаріло

Вертикальний відступ від об'єкта до контенту, що йогго оточує.

Атрибут widthАтрибут width

Ширина об'єкта.

Приклад

<dialog id="favDialog">
  <form method="dialog">
    <section>
      <p><label for="favAnimal">Favorite animal:</label>
      <select id="favAnimal">
        <option></option>
        <option>Brine shrimp</option>
        <option>Red panda</option>
        <option>Spider monkey</option>
      </select></p>
    </section>
    <menu>
      <button id="cancel" type="reset">Cancel</button>
      <button type="submit">Confirm</button>
    </menu>
  </form>
</dialog>

<menu>
  <button id="updateDetails">Update details</button>
</menu>

<script>
  (function() {
    var updateButton = document.getElementById('updateDetails');
    var cancelButton = document.getElementById('cancel');
    var favDialog = document.getElementById('favDialog');

    // Update button opens a modal dialog
    updateButton.addEventListener('click', function() {
      favDialog.showModal();
    });

    // Form cancel button closes the dialog box
    cancelButton.addEventListener('click', function() {
      favDialog.close();
    });

  })();
</script>