source

Оновлено: 17.07.2022

<source>

Вставляє звуковий або відеофайл для елементів <audio> та <video>. Узагальнено такі файли називаються медійними. Також застосовується для додавання зображень у контейнер <picture>

Коли розташовується всередині <audio> або <video>, елемент <source> (від англ. source - вихідний код) повинен йти після медійних файлів, але до <track>. Усередині <picture> він має йти перед <img>.

Синтаксис

<audio>
 <source src="<адреса>">
</audio>

<video>
 <source src="<адреса>">
</video>

<picture>
 <source srcset="...">
</picture>

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

Не обов'язковий.

Атрибути

  • Атрибут media

    Атрибут media

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

  • Атрибут sizes

    Атрибут sizes

    Задає розмір зображень для різних макетів сторінки.

  • Атрибут src

    Атрибут src

    Адреса медіафайлу.

  • Атрибут srcset

    Атрибут srcset

    Изображения, которые используются в разных ситуациях (для экранов планшетов, для экранов ретина и др.).

  • Атрибут type

    Атрибут type

    MIME тип медійного джерела.

Приклад

Результат прикладу показано на рис. 1.

Рис. 1. Відтворення відеофайлу

Браузери

source

Переглянути сумісність з Can I use?

source