دليل مرجعي HTML

مجمع العلامات HTML

حدث DOM ratechange للأغاني والفيديوهات HTML

سيتم إطلاق حدث ratechange بعد تغيير سرعة العرض.

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

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

تغيير سرعة عرض الفيديو، وأخبر أن السرعة قد تغيرت:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث onratechange في HTML / فيديو - دليل أساسي (oldtoolbag.com)</title>
</head>
<body>
<pفي هذا المثال، استخدمنا HTML DOM لإضافة "onratechange" إلى عنصر video. ويسمح لك خاصية playbackRate بتعديل سرعة عرض الفيديو.</p>
<video id="myVideo" width="320" height="176" autoplay controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　متصفحك لا يدعم علامة الفيديو HTML5.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">إعداد عرض الفيديو ببطء</button>
<script>
// الحصول على عنصر <video> ذات id="myVideo"
var vid = document.getElementById("myVideo");
// إعداد سرعة عرض الفيديو إلى 0.3 (بطيئة)
function setPlaySpeed()　
{　
　　　　vid.playbackRate = 0.3;
}　
// إضافة حدث ratechange إلى <video>، وتنفيذ الدالة عند تغيير سرعة عرض الفيديو، وتظهر الدالة رسالة نصية توعية.
vid.onratechange = function()　
{
　　　　myFunction()
};
function myFunction()　
{
　　　　alert("إطلاق الحدث onratechange - تم تغيير سرعة عرض الفيديو");
}
</script>　
</body>
</html>

اختبار لـ ‹/›

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

عندما يتم تغيير سرعة عرض الصوت/الفيديو (مثل، عند الانتقال إلى وضع التسجيل البطيء أو التسريع)، يحدث الحدث ratechange.
يُحدث هذا الحدث عند “مثل الأصوات والفيديوهات”playbackRateالخصائص تُستدعى، حيث يُحدد أو يُرجع سرعة التشغيل الحالية للأصوات والفيديوهات.

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

IEFirefoxOperaChromeSafari

النحو

في HTML:

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

في الجافاسكربت:

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

في الجافاسكربت، باستخدام طريقة addEventListener():

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

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

تفاصيل تقنية

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

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

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