Vimeo-Wrapper-Hintergrund in voller Breite

8

Ich versuche einen Iframe-Vimeo-Hintergrund voller Breite zu erstellen, der von einem Muster bedeckt ist, das sich in meinem Body-Div befindet. Das Video wird von einem Overlay abgedeckt, sodass es nicht mehr durch Klicken angezeigt werden kann. Ich habe versucht, dem Video 100% Breite und Höhe zu geben, aber kein Glück, den Bildschirm abzudecken. Ich versuche, die Videos bei 500x250 px erscheinen zu lassen.

Html      

%Vor%

CSS

%Vor%     
notcho nachos 23.01.2014, 16:41
quelle

2 Antworten

17

Sie müssen die Breite und Höhe des Iframes sowie dessen Wrapper festlegen. Ich habe auch einige Z-Indizes für Glück hinzugefügt!

Hey diddle diddle, hier ist eine Geige: Ссылка

%Vor%     
Josh Harrison 23.01.2014, 16:51
quelle
15

Diese Lösung repliziert die CSS-Eigenschaft background-size: cover unter Verwendung eines iframe anstelle eines Bildes in vollem CSS.

Stellen Sie zuerst Ihren vimeo iframe in einen Wrapper:

%Vor%

Wenden Sie dann diese Stile an:

%Vor%

Außerdem können Sie im Falle von Vimeo mit einem pro Konto die Steuerelemente des Spielers entfernen.

    
Christophe Marois 18.05.2016 20:50
quelle

Tags und Links