JavaScript を使用してビデオ再生を監視し、ログを出力する_javascript スキル

私は現在、ビデオ再生イベントを監視し、LOG ログを印刷できるようにする必要があるプロジェクトに取り組んでいます。コードは次のとおりです。

HTML:

コードをコピーします コードは次のとおりです:

<頭>

JS:

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="text/javascript">
window.addEventListener("load",getVideoEvent);
関数 getVideoEvent(){
var videoes=document.getElementsByTagName("video");
for (var i = 0; i showEventLog("ビデオ" (i 1),videoes[i]);
}
}
function showEventLog(videoNum,Media){
イベントテスター = function(e){
Media.addEventListener(e,function(){
console.log(videoNum ":" e);
});
}
eventTester("loadstart"); //クライアントはデータのリクエストを開始します
eventTester("progress") //クライアントはデータをリクエストしています
eventTester("一時停止") //遅延ダウンロード
eventTester("abort"); //クライアントはダウンロードを積極的に終了します (エラーのためではありません)、
eventTester("error"); //データのリクエスト中にエラーが発生しました
eventsTester("stalled") //ネットワーク速度が停止しました
eventsTester("play"); //play() と autoplay の再生開始時にトリガーされます
eventsTester("pause"); //pause() トリガー
eventTester("loadedmetadata"); //リソース長の取得に成功しました
eventTester("loadeddata"); //
eventsTester("waiting") //エラーではなくデータを待機しています
eventsTester("playing") // 再生を開始します
eventTester("canplay"); // 再生可能ですが、読み込み中のため一時停止する可能性があります
eventsTester("canplaythrough"); // 再生可能、すべての曲がロードされました
eventTester("探し中") //検索中
eventsTester("seeked") //検索が完了しました
eventsTester("timeupdate") // 再生時間の変更
eventTester("ended") //再生の終了
eventsTester("ratechange") // 再生レートの変更
eventsTester("durationchange") //リソースの長さの変更
eventsTester("volumechange") //ボリュームの変更
}

皆さん、この記事のアイデアを読んでください。この記事が皆さんのお役に立てば幸いです。