Machen Sie video-fit 100% mit jeder Bildschirmauflösung

Habe ich ein video mit den folgenden Eigenschaften, Bildbreite: 1920 Bildhöhe: 1080. Ich brauche seine Breite und Höhe auf 100%, also der Bildschirm wird ganz ausgefüllt. Und es braucht, um zu reagieren, zu. Bisher habe ich diesen code :

<video class="hidden-xs hidden-sm hidden-md hidden-custom videosize embed-responsive-item" autoplay="autoplay" loop="loop">
    <source src="~/Videos/myvideo.mp4" type="video/mp4" />
</video>

css:

   .videosize {
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%; 
    height:100vh;
}

Mit dem code oben passt es perfekt mit einer 1680 x 1050 Auflösung, jedoch mit anderer Auflösung, dauert es bis 100% der Höhe, dann die Breite anpasst, so dass weiße Bereiche auf beiden Seiten.

Irgendeine Idee ? Danke.

InformationsquelleAutor Qwerty | 2016-04-30
Schreibe einen Kommentar