• 회원가입
  • 로그인
  • 구글아이디로 로그인

[media] HTML - <track> 태그 - 미디어트랙정보 (= track태그 = 트랙태그)</tr>

목차

  1. <track> 예제 - 미디어 트랙 정보
  2. <track> 정의
  3. <track> 속성

 

<track> 예제 - 미디어 트랙 정보


<video width="320" height="50" controls>
  <source src="homzzang.mp4" type="video/mp4">
  <source src="homzzang.ogg" type="video/ogg">
  <track src="homzzang_ko.vtt" kind="subtitles" srclang="ko" label="Korean" default>
  <track src="homzzang_en.vtt" kind="subtitles" srclang="en" label="English">
</video>

 

<track> 정의

 

<audio>나 <video>태그 같은 미디어 태그 내에서,
해당 파일이 재생되는 동안 보여줄 트랙 정보를 불러올 때 사용.

 


 

1. 

IE 10 등 주요 최신 브라우저 지원.

2. 

HTML5에 새로 도입

 

 

<track> 속성

 속성  속성값  의미  비고
 default  default  유저의 특별한 선택이 없는 한, 기본으로 보여줄 트랙 내용  HTML5
 kind  captions
 chapters
 descriptions
 metadata
 subtitles
 문자열 트랙 정보 종류  HTML5
 label  text 문자열  문자열 트랙 제목  HTML5
 src  URL 주소  필수 속성. 트랙 파일의 주소 명시  HTML5
 srclang  언어코드  트랙 문자열 데이터의 언어 종류 명시 (※ kind=subtitles 경우, 필수 속성)  HTML5
<track> 태그는 전역속성과 이벤트속성 지원.

분류 제목
media HTML - <video> 태그 ★ - 영상재생 (= video태그 = 비디오태그) ※ 영상파일형식별로 브…
frame HTML - <noframes> 태그 - frame대체내용 (= noframes태그 = 노프레임즈태그) (H…
form HTML - <button> 태그 ★ - 클릭버튼 (= button태그 = 버튼태그) (HTML5수정)
frame HTML - <iframe> 태그 ★ - 타웹페이지삽입 (= iframe태그 = 아이프레임태그) ※ ifra… 1
attribute HTML - lang 속성 ★ - 언어코드 (Language Code) + 국가코드 (Country Code…
etc HTML - 인터넷 (에러/오류) 의미 = (인터넷에러/인터넷오류) 종류 ★★★ + 500 Internal …
formatting HTML - <center> 태그 - 중앙정렬 (= 가운데정렬 = center태그 = 센터태그) - (H…
link HTML - <a> 태그 ★ - 링크걸기 (= 주소이동 = a태그 = a요소 = 에이태그 = 앵커태그 = 하…
18/18
목록
찾아주셔서 감사합니다. Since 2012