Latest web development tutorials

Responsive Web Design - Video (Video)

Verwenden Sie das Attribut width

Wenn die Breite Attribut auf 100% gesetzt wird, wird der Video-Player automatisch im Verhältnis zur Bildschirmgröße angepasst werden:

Beispiele

Video {
Breite: 100%;
height: auto;
}

Versuchen »

Beachten Sie, dass in dem obigen Beispiel ist der Video-Player auf die Größe des Bildschirms im Verhältnis automatisch angepasst und kann als die Originalgröße größer sein. Meistens können wir stattdessen die max-width-Eigenschaft verwenden.


Mit max-width Eigenschaft

Wenn die max-width-Eigenschaft auf 100% eingestellt ist, wird der Video-Player automatisch im Verhältnis zum Bildschirm eingestellt werden, aber nicht mehr als seine ursprüngliche Größe:

Beispiele

Video {
max-Breite: 100%;
height: auto;
}

Versuchen »

Hinzufügen von Video-Seite

Wir können ein Video in einer Web-Seite hinzuzufügen. Die folgenden Beispiele und Video wird automatisch entsprechend der Region nimmt die gesamte div div Flächengröße:

Beispiele

Video {
Breite: 100%;
height: auto;
}

Versuchen »