تگ track در HTML
مثال (تگ track در HTML)
یک ویدیو با دو آهنگ زیرنویس:
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
تعریف و کاربرد تگ track در HTML
تگ <track> آهنگ های متن برای عناصر رسانه ای (<audio> و <video>) را مشخص می کند.
این عنصر برای مشخص کردن زیرنویس ها، فایل های عنوان یا فایل های دیگر که حاوی متن قابل مشاهده هستند استفاده می شود. این تگ زمانی فعال میشود که رسانه در حال پخش باشد.
پشتیبانی مرورگرها از تگ track در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
| عنصر | |||||
|---|---|---|---|---|---|
| <track> | 18.0 | 10.0 | 31.0 | 6.0 | 15.0 |
تفاوت بین HTML 4.01 و HTML5
تگ <track> یک تگ جدید در HTML5 است.
خصوصیت های اختیاری
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| default | default | این صفت مشخص می کند که کاربر قادر است انتخاب کند کدام track مناسب تر است و می تواند نشان داده شود.(ریرنویس پیش فرض را می توان انتخاب کرد ) |
| kind | captions chapters descriptions metadata subtitles |
نوع track متن را مشخص می کند. |
| label | text | یک title یا عنوان برای متن track مشخص می کند. |
| src | URL | الزامی است. آدرس فایل track را مشخص می کند. |
| srclang | language_code | زبان داده های متن track را مشخص می کند.(اگر kind="subtitles باشد استفاده از این صفت الزامی است) |
ویژگی های عمومی تگ track در HTML
تگ <track> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ track در HTML
تگ <track> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ track در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 11562
دیدگاه‌ها
با سلام و خسته نباشید من فایل زیرنویس اضافه میکنم ولی هیچ چیز به عنوان زیرنویس به من نشان نمیدهد چه کار کنم نمایش بدهد
یه مثال بزنید خواهشا