NOF Tutorials.com

Responsive Background YouTube Video

Tutorials von Thomas Frei-Herrmann

Background Video      Player Controls      Tutorial      Themen

Geht mit der Maus an den Rand der Seite bis oben die YouTube Film Info erscheint
Klickt auf den Hintergrundbereich außen, um das Video zu stoppen oder wieder zu starten
Drücke die F11 Taste um in  den Fullscreen-Modus zu wechseln und um zur Normalansicht zurückzukehren

Dieses embedded YouTube Video wird lediglich mit einer CSS als
 Hintergrund Video dargestellt

Die Seite ist dabei responsive - schiebt das Browser Fenster zusammen

um den Effekt zu sehen

Dieses Background Video funktioniert auch auf dem mobilen Gerät,
allerdings nicht mit automatischem Start. Klickt in den Rand der Seite um das Video zu starten.

Der CSS-Befehl “cover” wird noch nicht von allen Browsern unterstützt.

Hier geht es zum Tutorial für diese Seite

 

Willkommen bei NOF-Tutorials.com