Video HTML 5 im Safari

[ms2002]

Hallo zusammen,

ich habe ein Problem mit nem HTML5 Video im Safari.
Ich habe mit After Effects ein Video für ne Webseite erstellt und im Safari zeigt er mir immer einen grauen Hintergrund, der jedoch nicht dort hin gehört. Er soll der Webseite angepasst, weiß sein.
Hier mal der Link:


Ich hoffe ihr könnt mir helfen,
liebe Grüße,
Maik

 

[randacek_pro]

AW: Video HTML 5 im Safari

Hallo,

habe zwar gerade keinen Safari zur Hand, aber auf welchem Gerät/System testest du denn deine Website? Verwendest du einen Safari auf einem iOS?
Auf welchen anderen Plattformen und Browsern hast du noch getestet?
Wenn ich es mir auf verschiedenen Browsern anschaue, sehe ich auch kein Video.
Das könnte entweder an falschen Pfadangaben liegen, oder an einem fehlenden Contenttype-Header (Servereinstellungen), so dass das Video nicht gefunden wird und daher eine ausgegraute Fläche erscheint.
Als solches kann ich deine Fehler nicht reproduzieren, ich sehe wie gesagt gar kein Video

Viele Grüße

 

[Rata]

AW: Video HTML 5 im Safari

Wat für'n Video?
Ich seh da nix.


Lieber Gruß
Rata

8)

 

[ms2002]

AW: Video HTML 5 im Safari

Komisch, denn mit Chrome und Safari funktioniert es bei mir einwandfrei, eben nur der Hintergrund im Safari ist grau und nicht weiß. Im FF und IE kann es noch nicht gehen, da ich noch kein passendes ogg File erstellt habe.

 

[Rata]

AW: Video HTML 5 im Safari

Ah so, ist diese selbstaufbauende Grafik ein Video?

Wird mir am Mac® unter 10.6.8 mit Safari 5.1.7 mit weißem Hintergrund angezeigt.
Weiß also immer noch nicht, worin Dein Problem liegt.



Lieber Gruß
Rata

8)

 

[simonpicos]

AW: Video HTML 5 im Safari

Das "Bild" oben ist das Video.
Zum Problem: Ich als Videonoob frage erstmal: Geht es, dass man Videos transparent macht? Quasi wie ein bei nem transparenten PNG? Dann könnte ich mir vorstellen, dass Safari und Chrome nun mal unterschiedlich Hintergrundfarben für ihre Videoplayer haben.

edit: @rata: Unter Win ist es tatsächlich im Safari grau, hab dir mal nen Screenshot angehängt

 

[ms2002]

AW: Video HTML 5 im Safari

Jup, sry hätt ich sagen sollen Ich hab es mit Windows 7 und dem aktuellsten Safari versucht.

 

[ms2002]

AW: Video HTML 5 im Safari

Das habe ich zuerst auch gedacht, aber habe dem Video bewusst nen weißen Hintergrund gegeben und neu gerendert. Das Resultat Ist das gleiche.

 

[Rata]

AW: Video HTML 5 im Safari

Danke, simonpicos, jetzt ist wenigstens meine Vorstellung verifiziert.
Also für den Mac® gebe ich Entwarnung, da sieht alles gleich weiß aus.
Wenigstens 'ne halbe Sorge weniger




Lieber Gruß
Rata

8)

 

[simonpicos]

AW: Video HTML 5 im Safari

Binde doch mal testweise ein x-beliebiges mp4-video ein. Dann kannst du vielleicht ja schonmal das Video an sich als Problemquelle feststellen/ausschließen.

 

[ms2002]

AW: Video HTML 5 im Safari

danke, Google spuckt hierfür auch leider nix brauchbares aus. Wenn es nur unter Windows so aussieht, kann man evtl. überlegen, diesen "Bug" zu vernachlässigen. Aber mich beschäftigt das trotzdem noch.

 

[ms2002]

AW: Video HTML 5 im Safari

Ich hab mal nen anderes Video lokal eingebunden und dieses spielt er normal ab.

 

[simonpicos]

AW: Video HTML 5 im Safari

Und dein "richtiges" Video wird lokal auch falsch abgespielt?
Dann sieht das sehr danach aus, dass was mit dem Video nicht stimmt. Was kann ich dir allerdings nicht sagen, da ich ein ziemlicher Videonoob bin
Aber wir hatten hier neulich schonmal ein Problem, wo ein bestimmter Browser ein Video komisch/anders angezeigt hat, glaube ich...

 

[ms2002]

AW: Video HTML 5 im Safari

Ich glaub du meintest mein Problem, was ich mit After Effects hatte und da ging es um den Codec für genau dieses Video. Ich färbe gerade mal nen bissel rum und schaue mal

 

[simonpicos]

AW: Video HTML 5 im Safari

Ach du warst das :lol:

 

[RaySpoint]

AW: Video HTML 5 im Safari

Hy ms2002,

Ein kleiner Problembericht von mir:
Chrome u. Win7: alles wie es sein soll!
Firfox (Nightly 15.0a1) u. Win7: weiße Fläche, aber kein Video
Safari iOS u. iOS: schwaze Fläche mit durchgestrichenem 'Play-Symbol'

Ich habe mal in den Quelltext der Seite geschaut: also die Quelle "video/3.mp4" schein zu existieren, aber die Quelle "3.ogg" nicht - da hast Du wohl etwas falsch angegeben.
Ein Tipp zu HTML5 und Videos: Es gibt einen Service, der da heißt vid.ly dort kannst Du Dein Video hoch laden und während es hochlädt, wandelt vid.ly das Video bereits in sämtliche Formate um - am Ende bekommst Du eine URL, die Du in Dein Video-Tag reinschreibst und anschließend bekommt jedes Gerät und jeder Browser das richtige Format vom vid.ly Server. - Evtl. hilft Dir das auch bei Deinem Color-Problem.
Sonst bliebe es noch mit CSS zu versuchen, aber es scheint ja eher am Video zu liegen.

Hoffe ich konnte etwas weiterhelfen - Halle ist auch meine Heimatstadt!

P.S.: Noch ein kleiner Tipp: für einen besseren und lesbareren Code benutze CSS zum stylen, vornehmlich in einem externen Dokument
Und zu <img>Tags gehört immer auch das alt="" Attribut.