دليل HTML

كامل قائمة العلامات HTML

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

إذا وصل playback أو streaming إلى نهاية الوسائط أو لم يعد هناك بيانات متاحة، سيتم إطلاق حدث ended.

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

يظهر رسالة تحذير عند انتهاء تشغيل الصوت:

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>استخدام أحداث HTML5 audio/video ended - درس أساسي - oldtoolbag.com</title>
</head>
<body>
<p>اضغط على زر التشغيل لانتظار انتهاء تشغيل الصوت</p>
<audio　id="myAudio"　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
　　لم يتم دعم عنصر audio الخاص بك هذا المتصفح.
</audio>
<script>
var　aud　=　document.getElementById("myAudio");
aud.onended　=　function()　
{
　　　　alert("تم إكمال تشغيل الصوت");
};
</script>
</body>
</html>

تجربة لرؤية ‹/›

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

يحدث حدث end عند وصول الأصوات/الفيديوهات إلى النهاية.
هذا الحدث مفيد جدًا للرسائل مثل "شكرًا على الاستماع"، "شكرًا على المشاهدة" وما إلى ذلك.

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

IEFirefoxOperaChromeSafari

النحو

في HTML:

<audio|video onended="myScript">اختبر هذا

في JavaScript:

audio|video.onended=function(){myScript};اختبر هذا

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

audio|video.addEventListener("ended", myScript);اختبر هذا

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

تفاصيل تقنية

العلامات HTML المدعومة:	<audio> و <video>
مجموعة الأشياء JavaScript المدعومة:	الصوت، الفيديو

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

يظهر رسالة تحذير عند انتهاء عرض الفيديو:

مثال

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>استخدام أحداث HTML5 audio/video ended - درس أساسي - oldtoolbag.com</title>
</head>
<body>
<p>انقر على زر التشغيل انتظر حتى يتم تشغيل الفيديو.</p>
<video　id="myVideo"　width="320"　height="176"　controls>
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　متصفحك لا يدعم علامة HTML5 video.
</video>
<script>
var　vid　=　document.getElementById("myVideo");
vid.onended　=　function()　
{
　　　　alert("الفيديو قد تم تشغيله بالكامل");
};
</script>
</body>
</html>

تجربة لرؤية ‹/›

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

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