Ich habe ein kleines Problem - ich habe ein HTML5-Video von meiner Website, es funktioniert in FF, Chrome, Safari. Allerdings zeigt es nur das Video in IE, wenn ich Autoplay="Autoplay" einstellen. Irgendwie zeigt es nicht das Poster img - Sie können es hier sehen, Ссылка Drücken Sie einfach auf See Video. Wer weiß, was los ist?
Der Code lautet:
%Vor% IE9 überschreibt das Posterbild, wenn ein Teil des Videos geladen ist, was der Standard ist. Wenn Sie das Attribut preload="none" hinzufügen, funktioniert das Posterbild in IE9.
Nicht ideal.
Bearbeiten Ich habe geschrieben und geschrieben und auch eingereicht ein Fehlerbericht mit dem W3C, da ich denke, dass es geändert werden muss.
Ich habe festgestellt, dass das Attribut poster zu inkonsistent ist. Für mich hat preload="none" nur das IE 9 Problem behoben.
Sie sollten Ihr Video besser bearbeiten, damit das Posterbild das erste Bild Ihres Videos ist.
Ich bin ein großer Fan dieser Video für alle Seite, die genau beschreibt, wie man das html5 <video> -Tag mit implementieren sollte Fallbacks. Der Autor spricht speziell über das poster -Attribut und erwähnt inkonsistente Unterstützung und einen großen Bug in iOS 3.x als Gründe, das Posterbild in den ersten Frame deines Videos zu kodieren.
Sie können auch VideoJs aufrufen, die viele Cross-Browser-Probleme behandeln.
BEARBEITEN (2012-11-04): VideoJs sind möglicherweise keine gute Option, wichtige Probleme mit IE 9 gemeldet.
Ich hatte das gleiche Problem. Ich habe Folgendes getan, damit das Poster in IE8 und IE9 funktioniert.
Fügen Sie in der HTML-Datei ein Bild unter dem Videoelement mit dem Poster als src hinzu:
%Vor%Fügen Sie in der CSS-Datei Folgendes hinzu:
%Vor% Beachten Sie, dass das übergeordnete Element in css position: relative
Fügen Sie in der JS-Datei Folgendes hinzu:
%Vor%