Wie kann ein reagierender Bereich auf maximale oder minimale Breite eingestellt werden?

Question

Ich habe ein Drupal-Modul verwendet, um Videos als reaktionsschnell zu konfigurieren, und in diesem Fall wird das Video so breit wie der Bildschirm, wie in diesem beschrieben Drupal Frage - Can an embedded video be made responsive?

Es ist gut, auf dem Handy, sondern auf Laptops und Desktops die Videos den ganzen Bildschirm passen erweitern, so dass sie zu groß und körnig als auch zu machen. Mit welcher Art von CSS kann ich ein Limit für Desktops und Laptops festlegen und gleichzeitig die Responsive-Option auf Mobiltelefonen beibehalten?

Answer 1

Sie können entweder dynamisch die Höhe/Breite des Videos eingestellt, oder Sie können einen div um es mit einem max-width, zum Beispiel haben:

<div style="max-width: 500px;"> 
    <video/> 
</div> 

Oder so etwas wie:

<video style="width: 854px; height: 480px;"></video>