HTML5-Video in Chrome: Vor-/Rücklauf funktioniert nicht

Question

Es ist eine ASP.NET MVC-App - mit vielen HTML5-Videos.

Was passiert: wenn ich in anderen Browsern versuche, das Video mit der Maus (manuell) vorwärts zu bewegen, funktioniert es einwandfrei; Auch wenn ich auf Pause klicke, verschiebe den Videokreis auf die Spur und klicke auf Play, es funktioniert wieder.

In Chrome funktioniert es nur manchmal (wenn das Video im Cache gespeichert ist, denke ich?), Aber die meiste Zeit, wenn ich versuche, den Kreis mit der Maus zu bewegen, geht es einfach an die Stelle, wo es war. Selbst mit angehaltenem Video kann ich das Video nicht von wo immer ich möchte abspielen.

Zum Beispiel passiert es mit diesem Video. Ich habe das Gefühl, es passiert nur, wenn ich den Browserverlauf lösche und das Video von Null lädt. Wenn ich es mehrere Male versuche, funktioniert es später (erfrischende Seite oder etwas).

öffnen Beispiel: jsfiddle.net/1b9749et/

Jede Erfahrung? Vielen Dank.

Answer 1

Also habe ich Ihr Video mit ffmpeg neu codiert, um das MOOV-Atom an der Vorderseite zu platzieren (siehe unten), hochgeladen es in den Azure-Blob-Speicher und das Beispiel scheint jetzt korrekt zu funktionieren.

./ffmpeg -y -i 9f99b62e-7d56-4816-993b-286239f243bc_x264.mp4 -movflags faststart DestFile.mp4 

Die MOOV Atom in einem mp4 ist die Metadaten, die den Browser anweist, wo der Rahmen (unter anderem), so dass die je früher wird es geladen und verfügbar früher der Browser

Wenn Sie etc schrubben lassen kann wollen schnell testen ich das Video gehostet bei https://jecathblob.blob.core.windows.net/samples/destfile.mp4 für die nächsten 48 Stunden

[EDIT:] lasse aktualisiert die defaultStorageVersion für meine BlobStorage auf die neueste, die ByteRangeRequests besser (zu tun, dass ich this utility verwendet zu unterstützen scheint, kann teilen Sie eine vorkompilierte .exe, wenn das einfacher ist)

[EDIT2:] Ich habe die kompilierte Version auf https://1drv.ms/u/s!AhulbaZgpLZTjNhE_QaT4ET5xX1B-w hochgeladen (Link wird in 5 Tagen ablaufen). Führen Sie einfach die Anweisungen unter https://github.com/Plasma/AzureBlobUtility aus, um DefaultStorageVersion auf 2016-05-31 (https://docs.microsoft.com/en-us/rest/api/storageservices/versioning-for-the-azure-storage-services)