Ich möchte ein html5-Video (mit dem Video-Tag natürlich) mit 100% Breite und 100% Höhe platzieren, das im Hintergrund abgespielt wird. Hier ist ein Beispiel mit einem Bild und ich möchte genau das gleiche mit einem Video, ich habe einfach nicht herausgefunden, wie man das macht:
%Vor%JSFiddle: Ссылка
Sie können versuchen:
Es wird das Seitenverhältnis und das Video zentriert halten, während der Container immer vollständig abgedeckt wird .
Hier ist ein Geigen-Beispiel.
Ich hoffe, es hilft:)
Wenn ich das richtig verstehe, sollte dies so einfach sein wie die Einstellung von min-height und min-width auf 100%. Also zum Beispiel:
%Vor%Dies muss möglicherweise für die Reaktionsfähigkeit angepasst werden.
Sehen Sie sich jsfiddle an.
Bearbeiten:
Wenn das Video auch zentriert bleiben soll, dann wickle es wie folgt in einen Container:
Hier auch jsfiddle .
Stellen Sie
ein %Vor% Sie können height: 100% vergessen, es dehnt sich nur auf 100% des inneren Inhalts eines div.
Tags und Links javascript html css html5