English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
عند إيقاف تشغيل تشغيل الوسائط، يتم تنشيط حدث pause، ويصلح الوسيط إلى حالة التشغيل المؤقت، وأكثر ما يتم ذلك من خلال طريقة pause(). عند تنشيط pause()، يغير حالة pause مرة واحدة فقط، ويصبح pause صحيحًا.
دليل مرجع DOM للصوت/فيديو HTML
يظهر رسالة تحذير عند إيقاف تشغيل الفيديو:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>استخدام حدث onpause في HTML5 صوت/فيديو - دليل أساسي (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.onpause = function() { alert("تم إيقاف تشغيل الفيديو"); }; </script> </body> </html>اختبار لرؤية ‹/›
يتم تنشيط حدث pause عند إيقاف تشغيل الصوت/الفيديو (أو إزالة التشغيل المؤقت).
نصيحة: play يتم تنشيط الحدث عند بدء تشغيل الصوت/الفيديو (أو إزالة التشغيل المؤقت).
IEFirefoxOperaChromeSafari
في HTML:
<audio|video onpause="myScript">جرب هذا
في JavaScript:
audio|video.onpause=function(){myScript};جرب هذا
في JavaScript، يتم استخدام طريقة addEventListener():
audio|video.addEventListener("pause", myScript);جرب هذا
ملاحظة: Internet Explorer 8 وأحدث إصدارات IE لا يدعمونها addEventListener() الأساليب.
تفاصيل التقنيةمجموعة من العناصر المدمجة في HTML: | <audio> و <video> |
---|---|
مجموعة من العناصر المدمجة في JavaScript: | الصوت، الفيديو |
يظهر رسالة تحذير عند إيقاف تشغيل الصوت:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>استخدام حادثة onpause لوقف تشغيل الصوت في 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.onpause = function() { alert("توقيف الصوت"); }; </script> </body> </html>اختبار لرؤية ‹/›