دليل HTML

كامل علامات HTML

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

حدث playing، عند بدء اللعب (بعد التوقف مؤقتاً أو تأخير بسبب نقص البيانات) يتم إطلاقه

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

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

مثال

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

اختبار النظر في ‹/›

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

يتم إطلاق أحداث playing عند استعداد الصوت/الفيديو (audio/video) بعد توقفه بسبب التحميل أو التأخير.

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

IEFirefoxOperaChromeSafari

النحو

في HTML:

<audio|video onplaying="myScript">جرب هذا

في JavaScript:

audio|video.onplaying=function(){myScript};جرب هذا

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

audio|video.addEventListener("playing", myScript);جرب هذا

ملاحظة: يستخدم متصفح إنترنت إكسبلورر 8 وأحدث إصدارات IE addEventListener() الطريقة.

تفاصيل التقنية

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

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

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

مثال

<!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام الحدث onplaying في HTML الصوت/فيديو - درس أساسي (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.onplaying　=　function()　
{
　　　　alert("الصوت يعمل");
};
</script>
</body>
</html>

اختبار النظر في ‹/›

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

HTML: <template> علامة