معرفی و کاربرد تگ video در HTML

در این مقاله از سایت آموزی جهت استفاده شما همراهان همیشگی به معرفی و کاربرد تگ <video> در HTML می پردازیم.

تگ <video> در HTML

معرفی و کاربرد تگ video در HTML

معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML | معرفی و کاربرد تگ video در HTML

تگ <video> مشخص کننده ویدئو مانند کلیپ فیلم و یا دیگر جریان های ویدئویی است.

در حال حاضر،برای تگ <video> مرورگرها از سه فرمت ویدئویی MP4 ،WebM و Ogg پشتیبانی می کنند.

  • MP4: فایل های MPEG 4 با کدک تصویری H264 و کدک صوتی AAC
  • WebM: فایل های WebM با کدک تصویری VP8 و کدک صوتی Vorbis
  • Ogg: فایل های Ogg با کدک تصویری Theora و کدک صوتی Vorbis

انواع MIME برای فرمت های ویدئویی

FormatMIME-type
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

مثال در مورد تگ <videoدر html

بررسی تگ <video> در HTML 4.01 و HTML5

تگ <video> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشته است.

خصوصیات ویژه تگ <video> در HTML

خصوصیتمقدارتوضیحات
autoplayautoplayدر صورتی که وجود داشته باشد ویدئو به محض اینکه آماده شود خود به خود پخش می شود.
controlscontrolsبرای افزودن کنترل های play ،pause و صدا بکار برده می شود.
heightpixelsارتفاع پخش کننده ویدئو را تنظیم می کند.
looploopدر صورت وجود پس از اتمام نمایش ویدئو پخش آن دوباره شروع می شود.
mutedmutedمشخص کننده قطع صدا به طور پیش فرض برای ویدئو است.
posterURLمشخص کننده تصویری است که به عنوان پیش نمایش ویدئو از آن استفاده می کند. مقدار آن یک url یا آدرس اینترنتی است.
preloadauto
metadata
none
در صورت وجود ویدئو در زمان لود صفحه، لود شده و آماده اجرا می شود. اگر autoplay وجود داشته باشد این خاصیت نادیده گرفته می شود.
srcURLآدرس ویدئویی که باید پخش شود.
widthpixelsپهنای پخش کننده ویدئو را تنظیم می کند.

ویژگی های عمومی تگ <video> در HTML

تگ <video> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <video> در HTML

تگ <video> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ <video> در HTML

در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از تگ <video> پشتیبانی می کنند، آمده است:

جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.

معرفی و کاربرد تگ video در HTML – اختصاصی سایت آموزی