{"id":2838,"date":"2016-06-29T15:06:54","date_gmt":"2016-06-29T15:06:54","guid":{"rendered":"https:\/\/kiencang.net\/?p=2838"},"modified":"2016-06-29T15:06:54","modified_gmt":"2016-06-29T15:06:54","slug":"the-track-trong-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/the-track-trong-html\/","title":{"rendered":"Th\u1ebb track trong HTML"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">V\u00ed d\u1ee5<\/h3>\n\n\n\n<p>M\u1ed9t video v\u1edbi hai ph\u1ee5 \u0111\u1ec1 (subtitle):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;video width=\"320\" height=\"240\" controls>\n &lt;source src=\"mua_he_chieu_thang_dung.mp4\" type=\"video\/mp4\">\n &lt;source src=\"mua_he_chieu_thang_dung.ogg\" type=\"video\/ogg\">\n &lt;track src=\"subtitles_en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\">\n &lt;track src=\"subtitles_vi.vtt\" kind=\"subtitles\" srclang=\"vi\" label=\"Vietnam\">\n &lt;\/video><\/code><\/pre>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d6ac16176\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d6ac16176\"  type=\"checkbox\" id=\"item-6577d6ac16176\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/#Dinh_nghia_va_cach_dung\" title=\"\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng\">\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/#Trinh_duyet_ho_tro\" title=\"Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3\">Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/#Su_khac_nhau_giua_HTML_401_va_HTML5\" title=\"S\u1ef1 kh\u00e1c nhau gi\u1eefa HTML 4.01 v\u00e0 HTML5\">S\u1ef1 kh\u00e1c nhau gi\u1eefa HTML 4.01 v\u00e0 HTML5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/#Cac_tuy_chon_thuoc_tinh\" title=\"C\u00e1c tu\u1ef3 ch\u1ecdn thu\u1ed9c t\u00ednh\">C\u00e1c tu\u1ef3 ch\u1ecdn thu\u1ed9c t\u00ednh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/#Cac_thiet_lap_CSS_mac_dinh\" title=\"C\u00e1c thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh\">C\u00e1c thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_nghia_va_cach_dung\"><\/span>\u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb &lt;track> x\u00e1c \u0111\u1ecbnh c\u00e1c \u0111o\u1ea1n text cho c\u00e1c n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n (nh\u01b0 <a href=\"https:\/\/kiencang.net\/audio-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">&lt;audio><\/a> v\u00e0 <a href=\"https:\/\/kiencang.net\/code-nhung-video-trong-html5\/\" target=\"_blank\" rel=\"noreferrer noopener\">&lt;video><\/a>).<\/p>\n\n\n\n<p>Ph\u1ea7n t\u1eed n\u00e0y \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ee5 \u0111\u1ec1, l\u1eddi ch\u00fa th\u00edch cho file ho\u1eb7c c\u00e1c file kh\u00e1c ch\u1ee9a v\u0103n b\u1ea3n, nh\u1eefng c\u00e1i c\u1ea7n hi\u1ec3n th\u1ecb khi ch\u01b0\u01a1ng tr\u00ecnh media \u0111\u01b0\u1ee3c b\u1eadt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Trinh_duyet_ho_tro\"><\/span>Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Con s\u1ed1 trong b\u1ea3n ch\u1ec9 phi\u00ean b\u1ea3n tr\u00ecnh duy\u1ec7t \u0111\u1ea7u ti\u00ean h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7 th\u1ebb.<\/p>\n\n\n\n<figure class=\"wp-block-table browserref notranslate\"><table><tbody><tr><th>Th\u1ebb<\/th><th>&nbsp;Chrome<\/th><th>&nbsp;IE<\/th><th>&nbsp;FireFox<\/th><th>&nbsp;Safari<\/th><th>&nbsp;Opera<\/th><\/tr><tr><td>&lt;track&gt;<\/td><td>18.0<\/td><td>10.0<\/td><td>31.0<\/td><td>6.0<\/td><td>15.0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Su_khac_nhau_giua_HTML_401_va_HTML5\"><\/span>S\u1ef1 kh\u00e1c nhau gi\u1eefa HTML 4.01 v\u00e0 HTML5<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Th\u1ebb &lt;track&gt; l\u00e0 th\u1ebb m\u1edbi trong HTML5.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_tuy_chon_thuoc_tinh\"><\/span>C\u00e1c tu\u1ef3 ch\u1ecdn thu\u1ed9c t\u00ednh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-table w3-table-all notranslate\"><table><tbody><tr><th>Thu\u1ed9c t\u00ednh<\/th><th>Gi\u00e1 tr\u1ecb<\/th><th>M\u00f4 t\u1ea3<\/th><\/tr><tr><td>default<\/td><td>default<\/td><td>X\u00e1c \u0111\u1ecbnh r\u1eb1ng track s\u1ebd \u0111\u01b0\u1ee3c ph\u00e9p k\u00edch ho\u1ea1t n\u1ebfu s\u1edf th\u00edch c\u1ee7a ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng cho th\u1ea5y track kh\u00e1c l\u00e0 th\u00edch h\u1ee3p h\u01a1n<\/td><\/tr><tr><td>kind<\/td><td>captions<br>chapters<br>descriptions<br>metadata<br>subtitles<\/td><td>Ch\u1ec9 \u0111\u1ecbnh ki\u1ec3u c\u1ee7a v\u0103n b\u1ea3n track<\/td><\/tr><tr><td>label<\/td><td><em>text<\/em><\/td><td>X\u00e1c \u0111\u1ecbnh ti\u00eau \u0111\u1ec1 cho v\u0103n b\u1ea3n track<\/td><\/tr><tr><td>src<\/td><td><em>URL<\/em><\/td><td>Y\u00eau c\u1ea7u b\u1eaft bu\u1ed9c. X\u00e1c \u0111\u1ecbnh URL c\u1ee7a file track<\/td><\/tr><tr><td>srclang<\/td><td><i>language_code<\/i><\/td><td>X\u00e1c \u0111\u1ecbnh ng\u00f4n ng\u1eef c\u1ee7a v\u0103n b\u1ea3n track (y\u00eau c\u1ea7u b\u1eaft bu\u1ed9c n\u1ebfu d\u00f9ng kind=&#8221;subtitles&#8221;)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_thiet_lap_CSS_mac_dinh\"><\/span>C\u00e1c thi\u1ebft l\u1eadp CSS m\u1eb7c \u0111\u1ecbnh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Kh\u00f4ng.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00ed d\u1ee5 M\u1ed9t video v\u1edbi hai ph\u1ee5 \u0111\u1ec1 (subtitle): \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;track> x\u00e1c \u0111\u1ecbnh c\u00e1c \u0111o\u1ea1n text cho c\u00e1c n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n (nh\u01b0 &lt;audio> v\u00e0 &lt;video>). Ph\u1ea7n t\u1eed n\u00e0y \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ee5 \u0111\u1ec1, l\u1eddi ch\u00fa th\u00edch cho file ho\u1eb7c c\u00e1c file kh\u00e1c ch\u1ee9a v\u0103n b\u1ea3n, nh\u1eefng &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Th\u1ebb track trong HTML &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/the-track-trong-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Th\u1ebb track trong HTML &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00ed d\u1ee5 M\u1ed9t video v\u1edbi hai ph\u1ee5 \u0111\u1ec1 (subtitle): \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;track&gt; x\u00e1c \u0111\u1ecbnh c\u00e1c \u0111o\u1ea1n text cho c\u00e1c n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n (nh\u01b0 &lt;audio&gt; v\u00e0 &lt;video&gt;). Ph\u1ea7n t\u1eed n\u00e0y \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ee5 \u0111\u1ec1, l\u1eddi ch\u00fa th\u00edch cho file ho\u1eb7c c\u00e1c file kh\u00e1c ch\u1ee9a v\u0103n b\u1ea3n, nh\u1eefng &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/the-track-trong-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-29T15:06:54+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Th\u1ebb track trong HTML &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/the-track-trong-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Th\u1ebb track trong HTML &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00ed d\u1ee5 M\u1ed9t video v\u1edbi hai ph\u1ee5 \u0111\u1ec1 (subtitle): \u0110\u1ecbnh ngh\u0129a v\u00e0 c\u00e1ch d\u00f9ng Th\u1ebb &lt;track> x\u00e1c \u0111\u1ecbnh c\u00e1c \u0111o\u1ea1n text cho c\u00e1c n\u1ed9i dung \u0111a ph\u01b0\u01a1ng ti\u1ec7n (nh\u01b0 &lt;audio> v\u00e0 &lt;video>). Ph\u1ea7n t\u1eed n\u00e0y \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ee5 \u0111\u1ec1, l\u1eddi ch\u00fa th\u00edch cho file ho\u1eb7c c\u00e1c file kh\u00e1c ch\u1ee9a v\u0103n b\u1ea3n, nh\u1eefng &hellip;","og_url":"https:\/\/kiencang.net\/the-track-trong-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-06-29T15:06:54+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/the-track-trong-html\/","url":"https:\/\/kiencang.net\/the-track-trong-html\/","name":"Th\u1ebb track trong HTML &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-06-29T15:06:54+00:00","dateModified":"2016-06-29T15:06:54+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/the-track-trong-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/the-track-trong-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/the-track-trong-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Th\u1ebb track trong HTML"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2838"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=2838"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/2838\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=2838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=2838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=2838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}