دليل مرجع HTML

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

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

عند اكتمال عملية البحث، يتم تغيير موقع التشغيل الحالي وتغيير خاصية البحث البولي إلى false، يتم تنشيط حدث البحث.

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

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

عند إكمال المستخدم تحريك/القفز إلى موقع جديد في الفيديو، حذر بعض النصوص:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث onseeked في 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>
<script>
var vid = document.getElementById("myVideo");
vid.onseeked　=　function()　
{
　　　　alert("تم إكمال عملية العنوان!");
};
</script>　
</body>
</html>

التحقق من ذلك ‹/›

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

يُحدث واقعة البحث عند إكمال المستخدم تحريك/القفز إلى موقع جديد في الصوت/الفيديو.

ملاحظة: 　واقعة seeked هي العكس من واقعة seekedseeking الحدث.

ملاحظة: استخدام خاصية Audio/Video currentTime الخاصية للحصول على موقع مشغل الفيديو.

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

IEFirefoxOperaChromeSafari

النحو

في HTML:

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

في JavaScript:

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

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

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

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

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

الHTML Tags المدعومة:	<audio> و <video>
الJavaScript Objects المدعومة:	الصوت، الفيديو

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

يُظهر هذا المثال واقعة seeking و الفرق بين واقعة seeked:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث onseeked في HTML للفيديو-دليل الأساسيات (oldtoolbag.com)</title>
</head>
<body>
<p>يُظهر هذا المثال الفرق بين واقعة seeking و seeked:</p>
<p>يُثار واقعة seeking في كل مرة يبدأ المستخدم في تحريك/القفز إلى موقع جديد لصوت الفيديو (الصوت/الفيديو).</p>
<p>يُثار واقعة seeked عند إكمال المستخدم تحريك/القفز إلى موقع جديد لصوت الفيديو (الصوت/الفيديو).</p>
<p>تحريك موقع مشغل الفيديو. <strong>ملاحظة:</strong> جرب تثبيت زر الفأرة واستخدام التحريك ذهابًا وإيابًا لتحريك موقع مشغل الفيديو.</p>
<video onseeking="myFunction()" onseeked="mySecondFunction()" width="320" height="176" controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　لم يكن متاحًا لمتصفحك علامة الفيديو HTML5.
</video>
<pإذا تم تنشيط الحدث seeking: <span id="demo"></span> مرة.</p>
<p>إذا تم تنشيط الحدث seeked: <span id="demo2"></span> مرة.</p>
<script>
x = 0;
function myFunction()　
{
　　　　document.getElementById("demo").innerHTML = x += 1;
}
y = 0;
function mySecondFunction()　
{
　　　　document.getElementById("demo2").innerHTML = y += 1;
}
</script>
</body>
</html>

التحقق من ذلك ‹/›

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

إظهار موقع التشغيل الحالي باستخدام خاصية currentTime من مكتبة Video عند تحريك المستخدم إلى موقع جديد في الفيديو:

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام حدث onseeked في HTML للفيديو-دليل الأساسيات (oldtoolbag.com)</title>
</head>
<body>
<pفي هذا المثال، قمنا بإضافة الحدث "seeked" إلى عنصر الفيديو. يعود المقدار الحالي المحدد بـ "currentTime" إلى موقع التشغيل الحالي.</p>
<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>
<p>موقع البحث: <span id="demo"></span></p>
<script>
// الحصول على الفيديو المحدد بـ id="myVideo"
var vid = document.getElementById("myVideo");
// إضافة الحدث seeked إلى الفيديو، لتنفيذ الدالة عند إكمال عملية البحث
vid.addEventListener("seeked", myFunction);
function myFunction()　
{
　　　　// يتم عرض موقع التشغيل الحالي للفيديو في عنصر p المحدد بـ id="demo"
　　　　document.getElementById("demo").innerHTML = vid.currentTime;
}
</script>
</body>
</html>

التحقق من ذلك ‹/›

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

إظهار رسالة تحذير عند اكتمال المستخدم في تحريك/القفز إلى موقع جديد في إعادة تشغيل الصوت:

مثال

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

التحقق من ذلك ‹/›

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

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