<track>: عنصر TRACK
آخر تحديث: 2026-10-13
<track>عنصر TRACK
يحدد مسارًا نصيًا (ترجمات أو تسميات أو فصول) لـ audio أو video، عادةً ملف .vtt.
| الفئة | الروابط والوسائط |
|---|---|
| نموذج المحتوى | عنصر فارغ |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | ذاتي الإغلاق — لا حاجة لوسم إغلاق |
| الحالة | قياسي |
📝 البنية
<track src="..." kind="subtitles">⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
src | Track file URL, usually .vtt. | |
kind | Track kind: subtitles/captions/descriptions/chapters/metadata. | |
srclang | Language code of the track text, e.g. zh, en. | |
label | User-visible name of the track. | |
default | Marks this track as the default. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <track> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： track عنصر فارغ؛ kind تحدد النوع (subtitles/captions/chapters...)؛ default تميّز المسار النشط.
❓ الأسئلة الشائعة
Qما وظيفة track؟
A
<track> يضيف مسارًا نصيًا إلى <video>/<audio>: ملف بصيغة WebVTT يوفر ترجمات (kind='subtitles') وفصولًا (chapters) وأوصافًا (descriptions) وغيرها من المسارات النصية، ويتكفل المتصفح بالعرض المتزامن.Qهل سماتا srclang وkind إلزاميتان في track؟
Aقيمة kind الافتراضية subtitles ويمكن إغفالها لكن كتابتها صريحةً مستحسنة؛ و
srclang إلزامية حين تكون kind هي subtitles (مثل srclang='zh')؛ وعند تعدد لغات الترجمة أضف سمة default لتسمية المسار الافتراضي. وقوانين الوصولية تشترط عادة مسار ترجمة للفيديو.Qكيف يُكتب ملف ترجمة WebVTT؟
Aملف نصي يبدأ بـ
WEBVTT، وكل كتلة ترجمة «توقيت + نص»: 00:00:01.000 --> 00:00:04.000 ثم سطر المحتوى في سطر جديد، ويُحفظ بامتداد .vtt. يُشار إليه في track بـ src='sub.vtt'، والاختبار المحلي يتطلب خادم HTTP (لا يُحمَّل عبر file://).🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
