دليل HTML

مجموعة كاملة من علامات HTML

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

يُطلق حدث play عند بدء التشغيل.

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

أظهر رسالة تنبيه عند بدء تشغيل الفيديو:

مثال

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

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

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

يُطلق الحدث play عند بدء تشغيل الصوت/الفيديو (audio/video).

نصيحة: 　pause تُطلق الحدث عند إيقاف تشغيل أو بدء تشغيل الصوت/الفيديو (audio/video).

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

IEFirefoxOperaChromeSafari

النحو

في HTML:

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

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

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

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

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

الوسائط التي يدعمها HTML:	<audio> و <video>
الجواهر التي يدعمها JavaScript:	الصوت، الفيديو

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

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

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات لتشغيل play vents في 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.onplay　=　function()　
{
　　　　alert("بدأ تشغيل الصوت");
};
</script>
</body>
</html>

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

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

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