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

دليل مرجعي HTML

جميع علامات HTML

حدث canplaythrough في DOM صوت/فيديو HTML

يتم إطلاق حدث canplaythrough عند قدرة النهاية على تشغيل ملف الوسائط، وتقدير تحميل بيانات كافية لتشغيل الوسائط حتى نهايتها دون التوقف لتحميل المزيد من المحتوى.

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

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

تنبيه: يمكن للفيديو أن يشتغل دائمًا دون التوقف:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث oncanplaythrough في 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.oncanplaythrough=alert("Can play through video without stopping");
</script> 
</body>
</html>
اختبار لـ ‹/›

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

عندما يقدر المتصفح أنه يمكنه تشغيل الصوت/الفيديو المحدد دون التوقف عن التحميل، سيحدث حدث canplaythrough.

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

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

IEFirefoxOperaChromeSafari

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

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

النحو

في HTML:

<audio|video oncanplaythrough="SomeJavaScriptCode">

في JavaScript:

audio|video.oncanplaythrough=SomeJavaScriptCode;

استخدام addEventListener():

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

تفاصيل تقنية

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

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

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

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

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