Wie kann ich das angezeigte Video auf div Hintergrund anpassen?

kann jemand mir helfen, Video auf Website-Hintergrund anzupassen? Videoquelle von Vimeo ... i iframe verwenden, wo ich einstellen Video srcWie kann ich das angezeigte Video auf div Hintergrund anpassen?

<iframe src="https://player.vimeo.com/video/45628635?loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Mein Zustand des Erfordernisses Sie auf das Bild sehen können

Quelle

2016-10-04 Denis Stephanov

Stellen Sie sicher, angeordnet sein, dass die schwarzen Balken selbst nicht Teil des Videos sind. – MartijnK

geben iframe-Tag seine eigene Klasse, steckte es in den übergeordneten Container, wie so.

<div class="container"> 
    <iframe class="vid" src="https://player.vimeo.com/video/45628635?loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
</div>

dann Scale-up das Video mit Hilfe von CSS-Transformation und gibt Behälterbreite von 100% und eine Höhe von 500px und den Überlauf verstecken.

.vid{ 
    transform: scale(2.5); 
} 

.container{ 
    width: 100%; 
    height: 500px; 
    overflow: hidden; 
}

Und dieses „Container“ auf jedem beliebigen Objekt Überlauf versteckt setzen div gehen in.

Quelle

2016-10-04 13:20:18 Swordys

danke !! funktioniert :) –

Kein Problem, viel Glück! – Swordys

Dass Hintergrund scheint ein Teil des Videos zu sein. Sie können die Breite so ändern, dass der schwarze Hintergrund wie in diesem Beispiel abgeschnitten wird. width:93%https://jsfiddle.net/ps96r3ub/

"https://player.vimeo.com/video/45628635?loop=1&background=1" width = "93%" height = "500px" frameborder = "0" webkitallowfullscreen mozallowfullscreen allowfullscreen>

Quelle

2016-10-04 13:02:56 mthomp

aber ich brauche Video auf voller Website Breite mit fester Höhe ... aus diesem Grund brauche ich Zoom-Video und füllen Sie es –

Der Bereich links und rechts scheint ein Teil des Videos selbst zu sein, können Sie entweder Transform: Maßstab (1.133, 1); auf dem Rahmen, um das Video zu dehnen, so dass Sie den schwarzen Hintergrund nicht sehen können, weil ein Container es abschneidet. Oder ändern Sie einfach die Breite, um es wie vorher abzuschneiden. Diese Lücke ist dort auf der Quelle hier https://player.vimeo.com/video/45628635?loop=1&background=1 – mthomp

Von Swordys Code ... Überprüfen Sie diese Schnipsel ...

.container{ 
 
    width:100%; 
 
    height:500px; 
 
    overflow:hidden; 
 
    } 
 
.vid{ 
 
transform: scale(2.5); 
 
}

<div class="container"> 
 
<iframe class="vid" src="https://player.vimeo.com/video/45628635?loop=1&background=1" width="80%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
 
    </div>

Quelle

2016-10-04 13:15:11 cna327

das ist mein tatsächlicher Zustand Mann ... Ich muss schwarze Ränder entfernen und Inhalt vergrößern, um Web site Breite mit zu passen feste Höhe –

Wie kann ich das angezeigte Video auf div Hintergrund anpassen?

Antwort

Verwandte Themen