تگ video در HTML
با استفاده از تگ video در HTML می توانیم یک فایل ویدیویی/تصویری مثل کلیپ یا فیلم را در سند قرار دهیم.
مثال
در مثال زیر یک فایل ویدیویی با دو فرمت .mp4 و .ogg به صفحه وب اضافه کرده ایم:
تعریف و کاربرد
از تگ video در HTML برای قرار دادن فایل های ویدیویی تصویری مثل فیلم ها استفاده می کنیم. تگ <video>
حاوی یک یا چند عنصر <source> با منابع مختلف ویدیویی است، مرورگر اولین منبعی را که پشتیبانی می کند انتخاب خواهد کرد.
متن بین تگ <video>
و </video>
فقط در صورتی نمایش داده می شود که مرورگر این عنصر را پشتیبانی نکند.
سه فرمت پشتیبانی شده در HTML وجود دارد: MP4 و OGG و WebM
مرورگر | MP4 | WebM | Ogg |
---|---|---|---|
Edge | بله | بله | بله |
Chrome | بله | بله | بله |
Firefox | بله | بله | بله |
Safari | بله | بله | خیر |
Opera | بله | بله | بله |
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
عنصر | |||||
---|---|---|---|---|---|
<video> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
خواص (attributes)
خواص عمومی
تگ video
از خواص عمومی در HTML پشتیبانی می کند.
رویداد های عمومی
تگ video
از رویداد های عمومی در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
تگ video
تنظیمات پیش فرضی ندارد ولی مرورگر ها با توجه به تنظیمات خودشان ویدیو را نمایش می دهند که با کد های CSS قابل تغییر و شخصی سازی است.
آیا این مطلب برای شما مفید بود ؟