HTML5 Video stottern auf Schleife

Question

Ich habe ein einfaches HTML5 Video auf meiner Website. Ich möchte, dass es zu loopen, so fügte ich loop Tag hinzu. Es funktioniert, das Problem ist, dass es jedes Mal stottert, wenn es neu startet. Das Video ist sehr kurz, hat nur 8 Sekunden, aber wenn es das Ende erreicht und dann neu startet, "friert" der allererste Frame des Videos ungefähr eine halbe Sekunde ein. Ich habe es in Chrome und in Firefox getestet, es passiert nur in Chrome.

Nach Google es fand ich mehrere Umgehungslösungen, aber keiner von ihnen arbeitete für mich. Ich habe versucht, das ended Ereignis des Videos in JS zu fangen, so dass ich das Video wieder play, um das Plakatbild des Videos zu löschen, wenn es beginnt, $video.attr('poster', '') zu spielen, und so weiter.

Wenn ich das Video auf dem Windows Media Player oder einem anderen Videoplayer mit "Wiederholungs" -Modus abspiele, läuft es ohne Stottern ab, sodass ich nicht glaube, dass etwas mit der Videokodierung zu tun hat.

<video loop> 
    <source src="myvid.mp4" type="video/mp4"> 
</video> 

Answer 1

Beim Versuch, meine Videogröße zu optimieren, fand ich Handbrake, eine Video-Editor-Software. Nach der Optimierung meiner Video-Größe mit dieser Software, ging es von 1,4 MB zu 272KB, und magisch das Stottern verschwunden.

Also schließlich ging es wirklich um Video-Encoding, oder etwas damit verbunden.

Für diejenigen, die von Google hierher gekommen sind und die vielen Workarounds, die für dieses Problem in anderen Fragen vorgeschlagen wurden, bereits versucht haben, versuchen Sie Ihr Video mit Handbrake zu optimieren und ich hoffe, dass Ihr "Stottern" weggeht.