HTML: < source > 태그

HTML Tag : <source> 태그

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

source 태그란?

source태그는 video, audio 및 picture와 같은 미디어 요소에 대한 여러 미디어 리소스를 지정하는 데 사용됩니다.

source 태그를 사용하면 미디어 유형, 코덱 지원 또는 미디어 쿼리를 기반으로 브라우저에서 선택할 수있는 대체 비디오 / 오디오 / 이미지 파일을 지정할 수 있습니다.

속성

• src : source 가 audio 및 video 에서 사용될 때 필요합니다. 미디어 파일의 URL을 지정합니다.
• srcset : source 가 picture에서 사용될 때 필요합니다. 서로 다른 상황에서 사용할 이미지의 URL을 지정합니다.
• media : 일반적으로 CSS에 정의되는 모든 유효한 미디어 쿼리를 수락합니다.
• sizes : 다른 페이지 레이아웃에 대한 이미지 크기를 지정합니다.
• type : 리소스의 MIME 유형을 지정합니다.