[media] HTML - <source> 태그 - 미디어소스 불러오기 (= source태그 = 소스태그)

[오디오]

<audio controls>

    <source src="music.mp3" type="audio/mpeg">
    <source src="music.ogg" type="audio/ogg">
    <source src="music.wav" type="audio/wav">

    댁 브라우저가 후져서, audio 태그 지원 안 함. ㅡㅡ;

</audio>

 

---

[비디오]

 

<video width="320" height="240" controls>

    <source src="movie.mp4" type="video/mp4">
    <source src="movie.webm type="video/webm">

    <source src="movie.ogg" type="video/ogg">

    댁 브라우저가 후져서, video 태그 지원 안 함. ㅡㅡ;

</video>

 

 

음성 파일이나 비디오 파일 소스 불러오기.

 

---

 

1. 

• (<audio>/<video>) 태그 안에서 미디어 파일 불러올 때 사용.
• <source> 태그 단독으로 사용하면, (오디오/비디오) 재생 X
• src(미디어파일소스URL)와 type(파일형식/코덱정보) 속성 필요.
• 미디어가 여러 확장자 파일 존재 시, 여러 <source> 사용 가능.
• 위에 있을수록 우선 재생되며, 재생이 안 되면 텍스트 메시지 뜸.
• HTML5에 새로 추가됨.

2. 

IE 9 이상 주요 최신 브라우저 지원.

3. 
주요 브라우저 기본 CSS : none