Тег <source>

Опис

Тег &lt;source&gt; вказує джерело медіаданих для елемента &lt;video&gt; або &lt;audio&gt;. Цей тег дозволяє вказати відео або аудіо в різних форматах, щоб браузер міг вибрати найбільш підтримуваний формат.

Тег &lt;source&gt; завжди має бути вкладений всередину тега &lt;video&gt; або &lt;audio&gt;. Можна вказувати декілька тегів &lt;source&gt; з різними форматами для підтримки різних браузерів.

Приклад

&lt;video controls&gt;
  &lt;source src=&#039;movie.mp4&#039; type=&#039;video/mp4&#039;&gt;
  &lt;source src=&#039;movie.ogg&#039; type=&#039;video/ogg&#039;&gt;
  Your browser does not support the video tag.
&lt;/video&gt;

Підтримується у всіх сучасних браузерах, детальніше можна переглянути на сайті MDN.

Докладніше про тег &lt;source&gt; можна прочитати на офіційному сайті W3C.

&lt;source src=&#039;url&#039; type=&#039;media_type&#039;&gt;

Атрибути

srcURL джерела медіаданих
typeтип медіафайлу (наприклад, 'video/mp4', 'audio/mpeg', тощо)

Часті запитання

  • Q: Як використовувати тег <source> для відео в HTML?

    A: Тег <source> використовується в контексті тега <video> для вказання джерел відео. Приклад: <video><source src='video.mp4' type='video/mp4'></video>

  • Q: Для чого потрібен тег <source> в HTML?

    A: Тег <source> дозволяє вказати різні джерела медіа (наприклад, відео або аудіо) для елементів <video> та <audio>, щоб браузер міг вибрати підходящий формат для відтворення.

  • Q: Які атрибути можна використовувати у тезі <source>?

    A: Основними атрибутами тега <source> є 'src' (вказує шлях до відео або аудіо файлу) та 'type' (вказує MIME-тип медіа).

  • Q: Чи можна використовувати декілька тегів <source> в одному <video> елементі?

    A: Так, можна використовувати кілька тегів <source> в одному <video> елементі для вказання різних джерел відео в різних форматах або якості.

  • Q: Чи можна використовувати тег <source> окремо від <video> або <audio> елементів?

    A: Тег <source> призначений для використання в контексті елементів <video> та <audio>, тому він не може бути використаний окремо.