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

Cách xác định track mặc định cho video/audio trong HTML?

Sử dụng thuộc tính default trên thẻ <track> để chỉ định track phụ đề/mô tả nào được bật mặc định khi người dùng không có tùy chọn ưu tiên khác. Chỉ được dùng một track default cho mỗi media element.

Ví dụ

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" controls autoplay>
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
      <track src="subtitles_ru.vtt" kind="subtitles" srclang="ru" label="Nga" default>
      Trình duyệt không hỗ trợ video.
    </video>
  </body>
</html>

Giải thích

  • kind="subtitles": Phụ đề dịch thuật.
  • srclang: Ngôn ngữ (bắt buộc cho subtitles).
  • label: Nhãn hiển thị trong menu chọn track.
  • default: Track này bật sẵn khi tải video.

Các kind khác

  • captions: Phụ đề cho người khiếm thính (kể cả âm thanh).
  • descriptions: Mô tả hình ảnh cho người khiếm thị.
  • chapters: Chương/đoạn video.
  • metadata: Dữ liệu cho script (không hiển thị).