<source>

정의 및 사용

source 태그는 video 와 audio 태그 같은 미디어 요소의 resources를 정의한다. 2개 이상의 미디어 파일을 불러와야 할 경우 video나 audio 태그에 바로 적지 않고 자식요소로써 source 태그를 사용해서 각각의 미디어 파일 리소스를 정의해야 할 때 사용한다.

지금처럼 브라우저에서 지원하는 미디어 파일 형식과 코덱들이 제 각각일 경우 source 태그를 이용해서 모든 형식을 마크업 해주어야 한다.

브라우저 지원

IE6  지원안함IE7  지원안함IE8  지원안함Chrome 지원Firefox 지원Opera 지원Safari 지원

IE를 제외한 모든 브라우저에서 지원

구문

속성 값 설명
속성 설명
media ..
src ..
type ..

예제

버그 및 이슈

  • 현재 각 브라우저마다 지원 파일 형식과 코덱이 달라서 css3를 사용할 때 벤더 접두사(-moz-, -webkit-, -o-)를 사용하듯 source태그를 사용해서 파일 형식과 코덱들을 모두 적어주어야 한다.

목록 으로

댓글