..

Search

src

src

<source> 태그의 src 속성


HTML <source> 태그 ⇒


정의 및 특징

<source> 태그의 src 속성은 재생할 미디어 파일의 URL을 명시합니다.

 

<source> 요소가 <audio> 요소나 <video> 요소 내부에 사용될 때는 반드시 src 속성이 명시되어야 합니다.


문법

<source src="URL">

속성값

속성값   설명

URL

 

미디어 파일의 URL

 

1. 절대 주소(absolute URL)

ex) href=“http://www.tcpschool.com/sample.ogg”

2. 상대 주소(relative URL)

ex) href=“/meida/sample.ogg”


예제
<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

src 지원함 지원함 9.0 3.5 지원함 지원함

HTML5에서 변경된 사항

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


연습문제