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

[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> 태그는 전역속성과 이벤트속성 지원.

분류 제목
table HTML - <caption> 태그 - 테이블제목 (= 표제목 = caption태그 = 캡션태그) (HTML…
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
meta HTML - <meta> 태그 ★★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일…
formatting HTML - <pre>, <xmp> 태그 ★ - 공백줄바꿈보존 (= 보존태그 = 있는그대로태그 = 있는대로태…
form HTML - <option> 태그 ★ - 선택사항 (= 옵션사항 = option태그 = 옵션태그)
style HTML - <span> 태그 ★★★ - 인라인요소그룹 (= span태그 = 스팬태그 = 스판태그)</spa…
font HTML - <sup> 태그 ★ - 위첨자 (= 상단작은글씨 = 상단태그 = sup태그 = 섭태그 = 서프태…
programming HTML - <script> 태그 ★★ - JS코드입력 (= 동적기능언어입력 = script태그 = 스크립트…
style HTML - <div> 태그 ★★★★★ - 영역 지정 (= 섹션 분할 = div태그 = 디브태그 = 디비전태…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
font HTML - <small> 태그 - 작은글씨 (= small태그 = 스몰태그)
font HTML - <font> 태그 - 폰트(크기/색깔/스타일) (= font태그 = 폰트태그, HTML5제외)
table HTML - <colgroup> 태그 - 테이블의 col태그묶음 (= colgroup태그 = 콜그룹태그, H…
font HTML - <em> 태그 - 의미 강조어 텍스트 기울게 표시 (= em태그 = 엠태그/이멤태그/엠퍼시스태그…
basic HTML - &nbsp; 기호 - 줄바꿈 않는 공백/빈칸 표시 특수문자 (= 공백기호/빈칸기호 = Non-B… 1
form HTML - <legend> 태그 - fieldset제목/설명 (= legend태그 = 레전드태그) (HTM…
formatting HTML - <code> 태그 - 컴퓨터소스코드 출력 (= code태그 = 코드태그)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
16/18
목록
찾아주셔서 감사합니다. Since 2012