أحدث البرامج التعليمية وتطوير الشبكة
 

HTML السمعية / البصرية DOM durationchange الحدث

<HTML السمعية / البصرية DOM المرجعي

مثال

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

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
انها محاولة لنفسك »

أكثر "انها محاولة لنفسك" الأمثلة أدناه.

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

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

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

أثناء عملية التحميل من الصوت / الفيديو، تحدث الأحداث التالية في هذا النظام:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بالكامل هذا الحدث.

حدث
durationchange نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

في HTML:

< audio|video ondurationchange="myScript"> Try it

في جافا سكريبت:

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

في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:

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

ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.

تفاصيل تقنية

علامات HTML المعتمدة: <audio> and <video>
كائنات جافا سكريبت المعتمدة: Audio, Video

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

مثال

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

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
انها محاولة لنفسك »

<HTML السمعية / البصرية DOM المرجعي