تعریف و کاربرد
از تگ <video> برای افزودن ویدیو یا هر نوع رسانه ویدیویی به سند HTML استفاده می شود.
تگ <video> شامل یک یا چند تگ <source> برای مشخص کردن آدرس منابع ویدیو است.
می توانیم از یک یا چند <source> با پسوند های مختلف استفاده کنیم. مرورگر به صورت اتوماتیک اولین فایل ویدیویی که پشتیبانی کند را اجرا می کند.
چهار ویژگی مهم این تگ شامل:
- ویژگی autoplay: پخش اتوماتیک ویدیو را مشخص می کند.
- ویژگی controls: باعث نمایش دکمه های کنترلی ویدیو می شود.
- ویژگی width: عرض کادر ویدیو را مشخص می کند.
- ویژگی height: ارتفاع کادر ویدیو را مشخص می کند.
پسوند و فرمت های ویدیویی پشتیبانی شده توسط مرورگر شامل: MP4, WebM, OGG
| فرمت | ادج | کروم | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| MP4 | دارد | دارد | دارد | دارد | دارد |
| WebM | دارد | دارد | دارد | دارد | دارد |
| OGG | دارد | دارد | دارد | ندارد | دارد |
به صفحه تگ <audio> نگاهی بیندازید.
نکات
نکته: با استفاده از ویژگی src بدون استفاده از تگ <source> هم می توان فایل صوتی را به تگ <video> معرفی کرد.
<video src="/video.mp4"></video>نکته: در صورتی که مرورگر از تگ <video> پشتیبانی نکند، متن داخل تگ <video> نمایش داده می شود.
<audio src="/video.mp4">Your browser not support video</video>نکته: با استفاده از تگ <embed> نیز می توان ویدیو را نمایش داد ولی توصیه می شود از تگ <video> استفاده کنید.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <video> |
ویژگی های سراسری
تگ <video> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <video> از ویژگی های رویداد HTML پشتیبانی می کند.
