HTML5 동영상강좌 바로가기

HTML 태그 - track

본문

 

HTML 태그 - track

<track>태그는 미디어(audio, video) 요소내의 트랙을 표시할 때 사용합니다. html5에서 추가되었습니다.

속성

default : 기본적으로 재생할 트랙을 지정합니다.

kind : 트랙의 종류를 지정합니다. subtitles, captions, descriptions, chapters, metadata.

label : 트랙의 제목을 지정합니다.

src : 트랙의 URL주소를 지정합니다.

 

샘플

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="author" content="코리아뉴스" />
  <title> html공부 </title>
  <link rel="stylesheet" type="text/css" href="default.css" / >
                  <style type="text/css">
  body {
   color:red;
  }
  </style> 
 </head>
 <body>
  <section>
   <h1>track태그</h1>      
   <p> 
   <video src="sample.ogv"> 
   <track kind="captions" src="sample1.srt" srclang="en" label="sample1">
   <track kind="descriptions" src="sample2.srt" srclang="en" label="sample2">
   <track kind="subtitles" src="sample3.srt" srclang="ko" label="sample3">
   <track kind="metadata" src="sample4.srt" srclang="en" label="sample4">
   </video>  
   </p>
  </section>
  <div id="related">
   <p>영역 </p>
  </div>
  <footer>
      <address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address> 
                             Copyright ⓒ 2013 Koreanews co.,  All Rights Reserved.
  </footer>
 </body> 

</html> 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기
이전글HTML 태그 - tt
다음글HTML 태그 - tr


HTML5 동영상강좌 바로가기