Warum zeigt ein HTML-Video-Tag das Video nur in Mozilla Firefox auf den Kopf?

Question

Ich habe eine Seite, die mehrere Videos mit HTML-Video-Tags anzeigt. Der Code sieht aus wie der unten Schnipsel:

<video controls="controls" class="vw" name="Video" src="videos/ACS_Video_2b.mp4"></video> 

Die Klasse ist einfach eine Klasse, die die Breite, Höhe dynamisch setzt usw.

Die Video-Optik und spielt sehr gut in allen Browsern außer für Firefox. Alle Videos auf der Website, die diese Tags verwenden, stehen in Firefox auf dem Kopf. Ich kann anscheinend nichts online über Leute finden, die ähnliche Probleme haben. In der Tat, wenn ich auf andere Websites mit identischen Video-Tags und Video-Erweiterungen usw. gehe, wird das Video perfekt auf ihrer Website für mich in Firefox angezeigt. Hier

ist die Website mit der Oberseite nach unten Videos als Referenz:

http://www.larrykrannich.com/video.html

Die Videos Anzeige des Kopf lokal auf einem lokalen Server und auf einem realen Server gehostet werden.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Dies ist ein Firefox-Problem angezeigt werden, ich habe gesehen, dass einige Leute haben immer und immer wieder über dieses Problem, aber alles ohne Erfolg beschwert. Es passiert nur, wenn das Video vom Handy aufgenommen wird, firefox scheint die Kameradetails nicht zu verwenden, um die Drehung zu codieren, die mit dem beweglichen Video kam. für die meiste Zeit müssen Sie eine Lösung für sich selbst herausfinden, können Sie css-Transformation verwenden, um das Video-Tag zu drehen, aber ein Problem damit ist, dass es das Video-Steuerelement mit ihm drehen wird.

können Sie videojs verwenden, dann fügen Sie das Rotate-Plugin hinzu, Sie können es einfach googeln. es wird helfen, für Video zu drehen.

Sie so etwas wie dieses

if (isfirefox) { 

    <video class="video-js vjs-default-skin" controls preload="auto" width="270" height="360" data-setup='{ "plugins": { "zoomoomrotate": { "rotate": "270", "zoom": "1.4" } } }'> 
     <source src="video-source" type="video/mp4">   
    </video> 

} 

auch tun können, gibt es ein aktuelles Problem in Chrom-Update, das auch mobile Video komprimieren. immer noch auf der Suche nach einer Lösung dafür

Answer 2

Es scheint etwas mit Rotationsmetadaten in den Videodateien zu tun zu haben. Das Problem kann durch Umcodieren und Drehen des Videos gelöst werden. Ähnliche post here

Answer 3

Höchstwahrscheinlich haben Sie das Video auf den Kopf, ohne es zu merken aufgezeichnet - was passieren kann, z. bei Verwendung einer Smartphone-Kamera.

Es gibt Video-Player, die für solche Dinge automatisch korrigieren, was sein könnte, warum Sie nicht realisiert haben, dass das Video auf dem Kopf steht.

Es gibt einen kostenlosen Videoplayer namens VLC, den Sie durch Drehen des Videos korrigieren können.

es hier holen und installieren Sie es, wenn Sie nicht bereits haben es: http://www.videolan.org/vlc/

Schritte:

1. Open video in VLC media player
2. das Video anhalten, wenn es zu ist kurz, um weiter zu laufen, während Sie die anderen Schritte ausführen
3. Navigieren Sie im oberen Menü wie folgt:
   1. Werkzeuge
   2. Video Effects
4. Im Fenster, das auf die Geometrie-Registerkarte gehen Sie einfach geöffnet und wie folgt vorgehen:
   1. Markieren Sie das Kästchen "Transform"
   2. „Drehen von 180 Grad“
5. Ihr Video jetzt schön und rechte Seite aussehen soll bis
6. Ihre Änderung speichern s:
   1. Im oberen Menü klicken, navigieren Sie wie folgt vor:
      1. Medien
      2. Convert/Save
   2. wählen, in dem Sie die Datei speichern möchten.
7. Laden Sie das gedrehte Video anstelle des auf den Kopf gestellten Videos hoch.
8. Nun sollte Ihr Video richtig :)