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:

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:

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: