..

Search

type

type

<source> 태그의 type 속성


HTML <source> 태그 ⇒


정의 및 특징

<source> 태그의 type 속성은 미디어 리소스의 미디어 타입을 명시합니다.


문법

<source type="미디어 타입">


속성값

속성값   설명

미디어 타입

 

미디어 리소스의 미디어 타입을 명시함.

 

ex) 비디오 리소스의 일반적인 미디어 타입

- video/ogg

- video/mp4

- video/webm

 

ex) 오디오 리소스의 일반적인 미디어 타입

- audio/ogg

- audio/mpeg


예제
<audio controls>
    <source src="/examples/media/sample_audio_ogg.ogg" type="audio/ogg">
    <source src="/examples/media/sample_audio_mp3.mp3" type="audio/mpeg">
    이 문장은 여러분의 브라우저가 audio 태그를 지원하지 않을 때 화면에 표시됩니다!
</audio>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

type 지원함 지원함 9.0 3.5 지원함 지원함

HTML5에서 변경된 사항

<source> 태그는 HTML5에서 새롭게 추가된 요소입니다.


연습문제