Video/Image Slider die Größe Bildschirm passen (Breite und Höhe)

Question

ich diesen Schieberegler Code bin mit meinem Bild und Video zeigen:

Code:https://codepen.io/1wdtv/pen/jbjZeb

jedoch das Problem, dass der Schieber nur reagierend, wenn es um die Breite geht. Wenn Sie also die Größe Ihres Browsers ändern, ändert sich die Größe des Bildes/Videos, ohne die Höhe zu berücksichtigen.

Ist es möglich, das Video/Bild aus der Höhe und Breite genau dem Bildschirm anzupassen?

Ich möchte, dass sie auf dem Bildschirm angezeigt werden, ohne dass Sie nach unten scrollen müssen, um den Rest des Videos/Bildes zu sehen. auch wenn es bedeutete, das Video/Bild Stretching

Danke

Answer 1

Sie diese zu Ihrem CSS hinzufügen:

.slider-video { 
    height: 100%; 
} 
video { 
    object-fit: fill; 
} 

bis es dauern, die gesamte Höhe Dadurch wird. Und es wird sich dehnen, um die Breite zu füllen. Dies kann das Video verzerren, aber Sie sagten, das sei akzeptabel.