HTML5-Videoformat, Videogröße und FPS

Question

Ich möchte eine mobile Website mit HTML5 erstellen und möchte das HTML5-Video-Tag verwenden.

Ich möchte die Website mit iPhone, iPad, Android und anderen Smartphones/Geräten arbeiten.

1. Welches Videoformat soll ich wählen? mp4?
2. Welche Größe sollte ich für Breite und Höhe verwenden, um das beste Ergebnis zu erhalten?
3. Welche FPS (Frames pro Sekunde) soll ich für die Videos verwenden?

Vielen Dank im Voraus.

Answer 1

Das sind ziemlich subjektive Fragen, so werde ich Ihnen einige eher subjektive Antworten geben:

1. ich gute Erfahrungen gemacht haben (Hoffnung auch andere) mit 3 dient Medientypen: H264/MP4, OGG und für <video> Elemente, zumindest funktionierte diese Kombination auf allen Geräten, die ich jetzt überprüfen konnte.
2. Wenn Sie möchten, dass Ihr Video auch in Desktop-Browsern angezeigt wird, sollten Sie die Dimensionen verwenden, die von Ihrem Layout vorgegeben werden. Falls Sie nach einer reinen mobilen Lösung suchen, wäre eine übliche Auflösung für den 16: 9-Inhalt 480x270 (das ist, was Quicktime Pro exportiert, wenn Sie "Save for iPhone" auswählen), wenn Sie auch den Tablet-Support planen um alternative Inhalte für sie zu bedienen.
3. Je niedriger die Bildrate, desto kleiner die Datei, so müssen Sie selbst wissen, wie viel Dateigröße zählt, das einzige, was ich empfehlen könnte, würde einen vollen Bruchteil Ihrer ursprünglichen Video-Bildrate verwenden fps, wenn Sie eine 25fps-Quelle reduzieren möchten, da Sie ansonsten mit wackligen Drop-Frame-Effekten konfrontiert werden.

Auch finden Sie in der großen video section von Tauchen Sie ein in HTML5