HTML Audio / Video DOM durationchange Event

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

مثال

تنبيه بأن مدة الفيديو قد تغيرت:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};

المزيد من الأمثلة "جربها بنفسك" أدناه.


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

يقع حدث durationchange عندما يتم تغيير بيانات المدة الخاصة بالصوت / الفيديو المحدد.

ملاحظة: عند تحميل صوت / فيديو ، ستتغير المدة من "NaN" إلى المدة الفعلية للصوت / الفيديو.

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

  1. تحميل
  2. مدة التغيير
  3. البيانات الوصفية المحملة
  4. تحميل بيانات
  5. تقدم
  6. يستطيع اللعب
  7. يمكن اللعب

دعم المتصفح

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.

Event
durationchange Yes 9.0 Yes Yes Yes

بناء الجملة

في HTML:

<audio|video ondurationchange="myScript">

في JavaScript:

audio|video.ondurationchange=function(){myScript};

في JavaScript ، باستخدام طريقة addEventListener ():

audio|video.addEventListener("durationchange", myScript);

تفاصيل تقنية

علامات HTML المدعومة: <audio> و <video>
كائنات JavaScript المدعومة: الصوت والفيديو

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

مثال

تنبيه بأن مدة الصوت قد تغيرت:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

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