3.8.3 source 태그

source 태그는 audio 태그와 video 태그에서 리소스(파일)의 경로와 미디어 타입을 명시하는 데 사용합니다.

<audio controls>
  <source src="파일 경로" type="미디어 타입">
</audio>
<video controls>
  <source src="파일 경로" type="미디어 타입">
</video>

source 태그는 멀티미디어 태그를 사용할 때 필수는 아니지만, 되도록 함께 사용하면 좋은 태그입니다. 왜 source 태그를 함께 사용하는 것이 좋을까요?

audio 태그와 video 태그는 다양한 포맷을 지원하지만, 웹 브라우저별로 지원하는 포맷과 미디어 타입은 각각 다릅니다. 예를 들어 오디오에서, MP3 포맷은 모든 웹 브라우저에서 지원하지만 WAV나 OGG 포맷은 지원하지 않는 웹 브라우저도 있습니다. 그런데 OGG 포맷을 우선 지원하고 어쩔 수 없는 경우에만 MP3 포맷을 지원해야 하는 경우가 생기면 어떻게 할까요? 이럴 때 source 태그를 사용합니다.