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

[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> 태그는 전역속성과 이벤트속성 지원.
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
intro HTML - 태그 문법 ★
basic HTML - <!DOCTYPE> 태그 ★ - 문서타입 (= !doctype태그 = !doctype요소 = …
basic HTML - <html> 태그 ★ - HTML문서 (= html태그/html요소 = 에이치티엠엘태그/에이치티…
basic HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> 태그 - 두문자어 (= acronym태그 = acronym요소 = 애크로님태그…
formatting HTML - <abbr> 태그 - 축약어/두문자어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리…
formatting HTML - <address> 태그 - 연락처 (= address태그 = address요소 = 어드레스태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
formatting HTML - <bdo> 태그 - 텍스트출력방향 (= bdo태그 = bdo요소 = 글자방향 = 브도태그 = …
1/18
목록
찾아주셔서 감사합니다. Since 2012