التعليق: كائن الفيديو هو كائن جديد تم إضافته في HTML5. وهو يدعم التشغيل عبر الإنترنت لمقاطع الفيديو بتنسيقات مختلفة. لديها وظائف قوية نسبيا. يمكن لكائن الفيديو الإبلاغ عن تقدم التشغيل الحالي من خلال حدث OntimeUpdate. فيما يلي مقدمة لمشكلة حدث ontimeupdate لكائن الفيديو. يمكن للأصدقاء المهتمين الرجوع إليها.
التاريخ موجود على صفحة تشغيل الفيديو ، والتي تستخدم كائن فيديو HTML5. هذا كائن جديد تم إضافته في HTML5. وهو يدعم التشغيل عبر الإنترنت لمقاطع الفيديو بتنسيقات مختلفة. لديها وظائف قوية نسبيا وقد وسعت العديد من الأحداث. يمكنه التحكم في تشغيل الفيديو من خلال نصوص JavaScript. الرجوع إلى الرابطين التاليين:يمكن لكائن الفيديو الإبلاغ عن تقدم التشغيل الحالي من خلال حدث OntimeUpdate. في الوقت نفسه ، يمكن للحدث أيضًا التحكم في العناصر الأخرى على الصفحة وفقًا لحالة تشغيل الفيديو ، مثل تبديل الفصول وعرض معلومات إضافية كتقدم في تشغيل الفيديو. هنا مثال:
<! doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "x-ua compatible" content = "ie = edge" />
<title> </title>
</head>
<body>
<script type = "text/javaScript">
وظيفة timeupdate () {
document.getElementById ('time'). innerhtml = video.currentTime ؛
}
وظيفة المدة () {
document.getElementById ('المدة'). innerhtml = video.duration ؛
}
وظيفة SeekVideo () {
document.getElementById ('video'). currentTime = document.getElementById ('SeekText'). value ؛
}
window.onload = function () {
var videoplayer = document.getElementById ("video") ؛
videoplayer.ontimeupdate = function () {timeUpdate () ؛ } ؛
} ؛
</script>
<viv>
<عناصر التحكم في الفيديو = "عناصر التحكم"
الملصق = "./ images/videoGround1.png"
src = "./ videoSource/video1.mp4"
OfficeChange = "materChange ()" />
</div>
<div> الوقت: <span> 0 </span> من <span> 0 </span> ثانية. </div>
<viv>
<نوع الإدخال = "النص" />
<type type = "button" value = "Seek Video" />
</div>
</body>
</html>
بالطبع ، يمكنك أيضًا إضافة سمات أو أحداث تعليق إلى كائن الفيديو مثل استخدام عناصر أخرى على الصفحة ، مثل:
video.ontimeupdate = function () {getCurrentVideOposition () ؛ } ؛
ومع ذلك ، يبدو أن السطر المذكور أعلاه غير صالح على Chrome ، يمكنك استخدام AddEventListener بدلاً من ذلك:
videoplayer.addeventListener ("timeupdate" ، function () {getCurrentVideOposition () ؛} ، false) ؛
لا أعرف لماذا لا يمكن لـ Onchrome تعليق حدث OntimeUpdate مباشرة على عنصر الفيديو ، ولكن يجب إضافة الأحداث من خلال طريقة AddEventListener. ومع ذلك ، فإن AddEventListener متوافق أيضًا مع متصفحات IE و Firefox ، لذلك يجب تمريرها.