English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل HTML

مجموعة كاملة من علامات HTML

حدث progress في DOM للصوت/الفيديو HTML

يتم إطلاق حدث progress بشكل دوري عند تحميل المتصفح للموارد.

 دليل مرجعي لـ DOM للصوت/الفيديو HTML

مثال على الإنترنت

تلميح: الفيديو يتم تحميله حاليًا:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث onprogress في HTML للصوت/الفيديو - تعليمية أساسية (oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  متصفحك لا يدعم علامة HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.onprogress=alert("تحميل الفيديو");
</script> 
</body>
</html>
الاختبار لرؤية ‹/›

التعريف والاستخدام

عندما يكون المتصفح يقوم بتحميل الصوت/الفيديو المحدد، سيحدث حدث التقدم.
في عملية تحميل الصوت/الفيديو، تحدث الأحداث التالية بالترتيب التالي:

المتصفح التطابق

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية حدث progress.

ملاحظة:لا يدعم متصفح Internet Explorer 8 وأقل من إصدار 8 هذا الحدث.

النحو

في HTML:

<audio|video onprogress="SomeJavaScriptCode">

في JavaScript:

audio|video.onprogress=SomeJavaScriptCode;

استخدام addEventListener():

audio|video.addEventListener("progress", function()
  {
  //SomeJavaScriptCode
  }
);

تفاصيل تقنية

تدعم العلامات التالية HTML:<audio>, <video>
تدعم الأجسام التالية JavaScript:الصوت، الفيديو

مزيد من الأمثلة

استخدام خاصية onprogress على عناصر HTML

استخدام addEventListener() لمراقبة حدث progress

 دليل مرجعي لـ DOM للصوت/الفيديو HTML