Antworten auf deine Fragen:
Neues Thema erstellen

Video HTML 5 im Safari

ms2002

Nicht mehr ganz neu hier

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

Mod | Forum

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
 

ms2002

Nicht mehr ganz neu hier

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

Mod | Forum

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

 
Zuletzt bearbeitet:

ms2002

Nicht mehr ganz neu hier

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

Nicht mehr ganz neu hier

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

Mod | Forum

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

Nicht mehr ganz neu hier

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.
 

simonpicos

Mod | Forum

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 :D
Aber wir hatten hier neulich schonmal ein Problem, wo ein bestimmter Browser ein Video komisch/anders angezeigt hat, glaube ich...
 

ms2002

Nicht mehr ganz neu hier

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 :)
 

RaySpoint

Riesenzwerglöwe

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. ;)
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben