%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده (تمدید شد)

تگ video در HTML

مثال (تگ video در HTML)

استفاده از video:

<videowidth="320"height="240"controls>
  <sourcesrc="movie.mp4"type="video/mp4">
  <sourcesrc="movie.ogg"type="video/ogg">
  Your browser does not support the video tag.
</video>

خودتان امتحان کنید »

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

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

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

BrowserMP4WebMOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYES
Update 1: Firefox 21 on Windows and Android now supports MP4
Update 2: Firefox 30 on Linux now supports MP4
YESYES
SafariYESNONO
OperaNOYESYES
  • 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>4.09.03.54.010.5

تفاوت بین HTML 4.01 و HTML5

تگ <video> یک تگ جدید در HTML5 است.


نکته ها و ترفندها

نکته: در صورتی که مرورگر از عنصر <video> پشتیبانی نمی کند باید بین دو تگ <video> و <video/> متنی مناسب  قرار داد.


خصوصیت های اختیاری

 جدید در HTML5.

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

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

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


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

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


آموزش های مرتبط

آموزش HTML5-پخش ویدئو

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان