دليل مرجعي HTML

كامل علامات HTML

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

بعد تحميل البيانات، سيتم إطلاق حدث loadedmetadata.

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

إطلاق جرس إنذار عند تحميل بيانات الفيديو:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث loadedmetadata في 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.onloadedmetadata=alert("تم تحميل بيانات الفيديو");
</script>　
</body>
</html>

التحقق من ذلك ‹/›

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

عندما يتم تحميل بيانات الصوت/الفيديو المحددة، سيحدث حدث loadedmetadata.
تتضمن بيانات الصوت/الفيديو المحددة: الاستمرارية، الأبعاد (فقط الفيديو) ومسار النص.

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

متوافق مع المتصفحات

IEFirefoxOperaChromeSafari

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

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

النحو

في HTML:

<audio|video onloadedmetadata="SomeJavaScriptCode">

في JavaScript:

audio|video.onloadedmetadata=SomeJavaScriptCode;

استخدام addEventListener():

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

تفاصيل تقنية

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

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

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

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

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

HTML: <template> العلامة