ビデオプレーヤーからさまざまなパラメータを取得しています

Question

ビデオプレーヤーを作成するための基本的なHTMLとjQueryプラグインを使用しましたが、その中にユーザーが見ることができるビデオがあります。ここでは、一時停止の回数、ユーザーがビデオを視聴するのにかかる合計時間、特定の一時停止時の時間など、さまざまなパラメータを取得したいと考えています。私はこれを行う機能を見つけることができません。

Answer 1

要素自体はそれ自身のものを追跡しません。代わりに、自分のイベントを追跡して追跡する必要があります。

play、stopなど多くのイベントを追跡できます（MDNに完全なリストがあります）。

たとえば、「休止回数」を追跡するには、stopイベントとplayイベントを追跡できます。

let isPlaying = false; 
let pausedCount = 0; 

video.addEventListener('play',() => { isPlaying = true; }); 
video.addEventListener('stop',() => { 
    isPlaying && pausedCount++; 
    isPlaying = false; 
}); 

「一時停止」（私の定義通り）としてカウントするには、再生してから停止する必要があります。だから、私はbooleanが再生されているかどうかを追跡する必要があります。停止しているときに、booleanをfalseに変更する前に、再生していた場合、私は自分のカウントに1を加えます。

任意の種類のメトリックについて、イベントをリッスンすることによってそれを追跡する独自のロジックを用意する必要があります。