رویداد عمومی onprogress در HTML هنگام دانلود مدیا

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی صفت رویدادی onprogress در سند html می پردازیم. ویژگی رویدادی onprogress زمانی رخ می دهد که مرورگر در حال دانلود کردن فایل ویدئویی یا فایل صوتی مورد نظر می باشد.

رویداد عمومی onprogress در HTML هنگام دانلود مدیا - سایت آموزی

معرفی صفت رویدادی onprogress در سند اچ تی ام ال

صفت رویدادی onprogress زمانی رخ می دهد که مرورگر در حال دانلود کردن فایل ویدئویی یا فایل صوتی مورد نظر می باشد. خصوصیت رویدادی onprogress بیشتر در تگ audio و تگ video استفاده می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

ویژگی رویدادی onprogress ، در سند جدید HTML5 معرفی شد. و در HTML4.01 و ورژن های قدیمی تر وجود نداشته است. خاصیت رویدادی onprogress ، در دسته رویدادهای مربوط به media قرار می گیرد.

در طول پروسه لود شدن یک ویدئو یا صدا ، رویداد های زیر به ترتیب روی می دهند:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

مثال در مورد استفاده از ویژگی onprogress درون تگ audio

<audio onprogress=”myFunction()”>

مثال در مورد استفاده از ویژگی onprogress درون تگ video

<video onprogress=”myFunction()”>

بررسی ویژگی onprogress درون سند html 4.0.1 و HTML5

خاصیت رویدادی onprogress ، در نسخه HTML5 معرفی شده است و در نسخه HTML4.01 و نسخه های قدیمی تر وجود نداشته و پشتیبانی نمی شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

پشتیبانی مرورگرهای اینترنتی از ویژگی onprogress

تگ html chromeinternet-explorerfirefoxsafariopera
audio بله ۹.۰ بله بله بله
video بله ۹.۰ بله بله بله

پیوندهای کاربردی و مفید

تگ های اچ تی ام ال در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های اچ تی ام ال در سایت آموزی

تگ های منسوخ شده HTML در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های اچ تی ام ال در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

رویداد عمومی onprogress در HTML هنگام دانلود مدیا – اختصاصی سایت آموزی