Hintergrund Video

 

Da nicht alle Browser mit dem gleichen Format arbeiten müssen wir zuerst das Video in Verschiedene Formate konvertieren.

Hierzu habe ich den kostenlosen "Any Video Converter Ultimate" verwendet.

 

Diese Videos ladet ihr dann auf den Server.

Wie das geht erfahrt ihr HIER.

 

CSS-Code

<style>

#video_background {

position: fixed;

top: 0px;

right: 0px;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

z-index: -1000;

overflow: hidden;

}

</style>

Quelltext

 

<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">

 

<source src="http://zella.de/code/video/wale.mp4" type="video/mp4">

 

<source src="http://zella.de/code/video/wale.webm" type="video/webm">

 

<source src="http://zella.de/code/video/wale.ogv" type="video/ogg ogv">

 

</video>

CSS-Code einbinden

Quelltext einbinden

Hinweis

Zeta-Producer zeigt das Video im Vordergrund.

Um euere Artikel zu bearbeiten schaltet ihr am besten mit der Funktionstaste "F8" in den Spaltenmodus.

 

code

support
Dutch English French German