في الآونة الأخيرة ، أعمل على مشروع يتطلب مراقبة أحداث تشغيل الفيديو والقدرة على طباعة سجلات السجلات. بعد التفكير ، قمت بتطبيق هذه الوظيفة باستخدام JavaScript ، والرمز كما يلي:
HTML:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
<title> مصدر متعدد </title>
</head>
<body>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
<video src = "http://www.w3school.com.cn/i/movie.mp4" Controls autoplay> </bool>
</body>
</html>
JS:
نسخة الكود كما يلي:
<script type = "text/javaScript">
Window.AdDeventListener ("load" ، getVideoEvent) ؛
وظيفة getVideoevent () {
var videos = document.getElementsByTagName ("video") ؛
لـ (var i = 0 ؛ i <videoS.Length ؛ i ++) {
ShoweventLog ("video"+(i+1) ، videoes [i]) ؛
}
}
وظيفة showeventlog (videonum ، media) {
EventTester = function (e) {
media.addeventListener (e ، function () {
console.log (videonum+":"+e) ؛
}) ؛
}
EventTester ("loadStart") ؛ // يبدأ العميل في طلب البيانات
EventTester ("التقدم") ؛ // يطلب العميل البيانات
EventTester ("تعليق") ؛ // تأخير تحميل
EventTester ("Abort") ؛ // ينهي العميل بنشاط التنزيل (لا يسبب خطأ) ،
EventTester ("خطأ") ؛ // تمت مواجهة خطأ أثناء طلب البيانات
EventTester ("Stalled") ؛ // أوقف سرعة الشبكة
EventTester ("play") ؛ // نشأت عند بدء تشغيل () وبدء اللعب التلقائي
EventTester ("توقف مؤقت") ؛ // توقف () المشغلات
EventTester ("LoadedMetadata") ؛ // الحصول على طول المورد بنجاح
EventTester ("LoadedData") ؛ //
EventTester ("الانتظار") ؛ // في انتظار البيانات ، وليس خطأ
EventTester ("اللعب") ؛ // ابدأ التشغيل
EventTester ("canplay") ؛ // يمكن أن يلعب ، ولكن قد يتم إيقافه مؤقتًا بسبب التحميل في الوسط
EventTester ("CanPlayRough") ؛ // يمكن تشغيلها ، يتم تحميل جميع الأغاني
EventTester ("البحث") ؛ // البحث
EventTester ("سعى") ؛ // الانتهاء من البحث
EventTester ("TimeUpdate") ؛ // يتغير وقت التشغيل
EventTester ("انتهى") ؛ // ينتهي التشغيل
EventTester ("RateChange") ؛ // يتغير معدل التشغيل
EventTester ("MaterChange") ؛ // تغيير طول المورد
EventTester ("VolumeChange") ؛ // تغيير حجم
}
</script>
الأصدقاء ، يرجى قراءة الأفكار في هذا المقال ، آمل أن يكون ذلك مفيدًا لك