Thông tin liên hệ
- 036.686.3943
- admin@nguoicodonvn2008.info
Thẻ <track> chỉ định các track văn bản cho các thành phần <audio> hoặc <video>. Ví dụ về một video có phụ đề cho hai ngôn ngữ:
<video width="320" height="240" controls> <source src="forrest_gump.mp4" type="video/mp4"> <source src="forrest_gump.ogg" type="video/ogg"> <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="English"> <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian"> </video>
Thành phần này được sử dụng để chỉ định phụ đề, file chú thích hoặc các file khác có chứa văn bản, phải hiển thị khi nội dung media đang phát. Các track được định dạng theo định dạng WebVTT (file .vtt).
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thành phần.
| Phần tử <track> |
Google Chrome | MS Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| 23.0 | 10.0 | 31.0 | 6.0 | 12.1 |
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| default | default | Chỉ định rằng track sẽ được bật nếu tùy chọn của người dùng không chỉ ra rằng track khác phù hợp hơn |
| kind | captions chapters descriptions metadata subtitles |
Chỉ định loại track văn bản |
| label | text | Chỉ định tiêu đề của track văn bản |
| src | URL | Bắt buộc. Chỉ định URL của file track |
| srclang | language_code | Chỉ định ngôn ngữ của dữ liệu văn bản track (bắt buộc nếu kind="subtitles") |
Thẻ <track> cũng hỗ trợ các thuộc tính global trong HTML.
Thẻ <track> cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Không có.
Nguồn tin: Quantrimang.com:
Ý kiến bạn đọc
Những tin mới hơn
Những tin cũ hơn
ChatGPT Images 2 là gì? Cách tạo infographic, tài liệu với ChatGPT Images 2
Cách tạo trang web mô tả kiến thức trực quan trên Canva AI
Cách thức hoạt động của Voice AI
Thiết kế hội thoại cho AI Voice Agent
Prompt tạo phiếu học tập Thám tử khoa học trên ChatGPT
Mẹo thiết kế nội thất với ChatGPT Images 2.0 cực dễ
7 cách ứng dụng OpenClaw trong thực tế bạn nên biết: từ trading bot đến AI agent doanh nghiệp
Kỹ thuật viết prompt cho AI Voice Agent
Hướng dẫn dịch slide thuyết trình trên Canva AI
Prompt thiết kế nội thất với ChatGPT Images 2.0
Hướng dẫn tạo đoạn hội thoại cho topic trên Twee
Workflow cho người dùng Claude Code thành thạo: Nhật ký, quy tắc CLAUDE.md và khả năng mở rộng
Quy trình làm việc nâng cao và các trường hợp ngoại lệ trong Copilot Cowork
Hướng dẫn biến video thành bài giảng tương tác thú vị
Làm chủ phiên Claude Code
5 điều bạn cần biết trước khi sử dụng OpenClaw
Cách tạo Sticker em bé bằng ChatGPT Images 2.0
Prompt tạo ảnh thiết kế tóc theo khuôn mặt trên ChatGPT Images 2.0
Khắc phục câu trả lời sai trong 10 giây trong phiên Claude Code
Framework quyết định 5 bước sau mỗi phiên Claude Code