Ich habe einen Youtube-Einbettungscode (den Iframe-Code) in eine Webseite eingefügt und den CSS-Spaltenzähler verwendet, um Text auf der Seite automatisch in zwei Spalten zu unterteilen.
%Vor%Das Problem ist, wenn ich Youtube-Video nach dem ersten Bildfenster einbetten, wird es als schwarzes Bild angezeigt. Hier ist ein Beispiel: Ссылка . Scheint, das ist ein Bug mit youtube und chrome. Gibt es eine Lösung / Lösung für dieses Problem? Versuchte verschiedene Dinge und arbeitete nicht so, dass sie mit jQuery columnizer anstatt CSS column counter gehen.
Ich sehe ein sehr inkonsistentes Verhalten in Chrome, wenn ich versuche, iframe-eingebettete Videos in einem mehrspaltigen Format anzuzeigen.
Das Folgende schien das Problem nicht konsequent zu lösen:
Ich habe versucht, <p> -Tags um den Text herum zu legen, da ich dachte, es könnte eine Zeile sein
Länge bezogene Eigenart.
Ich habe versucht, den Cache zu löschen.
Ändern der Breite der Spalte
Ändern der Dimensionen des iframe
Außerdem werden Videos unterhalb der Falte scheinbar nicht gerendert (gemalt?).
Die einzige Situation, die gut zu sein scheint, ist ein einzelnes Video, das in der ersten Spalte erscheint.
Ich weiß nicht, warum das der Fall ist.
Ich kann das Problem mit einem YouTube-Video in Kombination mit einer Spaltenanzahl bestätigen. Ссылка zeigt, was passiert. Das Video wird in eine andere Position verschoben.
HTML
%Vor%CSS
%Vor%Der Unterschied zu IE und FF besteht darin, dass das Video mit dem Tag in Chrome platziert wird, während die anderen das Tag erhalten.
Ich denke, es hat etwas mit Positionierung zu tun. Schau hinein!
Ich hatte dieses Problem, für mich bestand die Lösung darin, <iframe> eine explizite width in Pixeln, position: relative , z-index und eine 3D-Transformation wie transform: translate3d(0, 0, 0) zu geben.
Erfahrung in Chrome 43.0.2357.130 (64-Bit) für OS X Yosemite 10.10.3
Tags und Links css google-chrome youtube