Video wird nicht geladen, Fehler Chrome und Firefox

Question

Ich bin verpflichtet, auf Play zu klicken, um den Pufferwert in der Konsole zu sehen. Ich habe versucht, das Laden des Videos am Anfang meines Codes, aber es funktioniert nicht. Wenn ich den Wert des Puffers nicht dynamisch wiederherstellen kann, wie kann ich den Prozentsatz des Ladens meines Videos überprüfen, um eine Aktion auszulösen? Danke, dass du mir geholfen hast.

jQuery

video.load(); 
    .bind('progress updateMediaState', function() 
    { 
     var bufferedFinal = video.buffered.end(0); // line 304 
     var bufferedPercent = (bufferedFinal/duration) * 100; 
     console.log(bufferedPercent); // give me value when I click on play only 
     if (bufferedPercent >= 10) 
     { 
      $("#loading").css("display", "none"); 
     } 
    }) 

Chrome

player.js:304 Uncaught IndexSizeError: Failed to execute 'end' on 'TimeRanges': The index provided (0) is greater than or equal to the maximum bound (0).

Firefox

IndexSizeError: Index or size is negative or greater than the allowed amount

Answer 1

Es sieht aus wie Sie versuchen, den Versatz bei Index 0 auf einem TimeRanges Objekt ohne Bereiche zu finden . Bevor Sie das tun, überprüfen Sie, ob der Puffer Inhalt hat:

if (!buffered || !buffered.length) { 
    return; 
} 

var bufferedFinal = video.buffered.end(0); 
...