دليل مرجعي لـ HTML

جميع علامات HTML

حدث durationchange لـ DOM الفيديو والصوت في HTML

سيتم إطلاق حدث durationchange عند تحديث خاصية duration.

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

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

تذكر أن طول الفيديو قد تغير:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث durationchange للفيديو والصوت في 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.ondurationchange=alert("The video duration has changed");
</script>　
</body>
</html>

اختبار لمعرفة ‹/›

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

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

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

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

IEFirefoxOperaChromeSafari

جميع المتصفحات الشائعة يدعمون الحدث durationchange.

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

النحو

في HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

في JavaScript:

audio|video.ondurationchange=SomeJavaScriptCode;

استخدام addEventListener():

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

تفاصيل تقنية

الHTML Tags التالية يدعمونها:	<audio>, <video>
الJavaScript Objects التالية يدعمونها:	الأصوات، الفيديوهات

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

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

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

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

HTML: <template> علامة