Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách đặt ngôn ngữ cho track text (srclang) trong HTML?

Thuộc tính srclang trên <track> chỉ định ngôn ngữ của file phụ đề/mô tả (bắt buộc khi kind="subtitles"). Giá trị: mã ngôn ngữ ISO 639-1 (vi, en, fr, ja, ko, zh...).

Ví dụ

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" controls>
      <source src="/html5/video.mp4" type="video/mp4" />
      <track src="sub_vi.vtt" kind="subtitles" srclang="vi" label="Tiếng Việt" default>
      <track src="sub_en.vtt" kind="subtitles" srclang="en" label="English">
      <track src="sub_ja.vtt" kind="subtitles" srclang="ja" label="日本語">
      Trình duyệt không hỗ trợ video.
    </video>
  </body>
</html>

Các thuộc tính track quan trọng

Thuộc tính Mô tả
kindsubtitles, captions, descriptions, chapters, metadata
srcĐường dẫn file VTT (bắt buộc)
srclangNgôn ngữ (bắt buộc cho subtitles)
labelNhãn hiển thị trong menu chọn track
defaultTrack mặc định bật

Định dạng WebVTT (.vtt)

WEBVTT

00:00:01.000 --> 00:00:04.000
Chào mừng đến với khóa học.

00:00:05.000 --> 00:00:08.000
Hôm nay chúng ta học HTML.

Lưu ý

  • File VTT phải same-origin hoặc CORS enabled.
  • Mỗi kind="subtitles" phải có srclang duy nhất.
  • Có thể có nhiều track cùng kind, khác srclang.