Hallo ihr schlauen Köüfe da draußen
Ich hänge fest beim schreiben einer Website für einen Kumpel
Und zwar möchte ich auf der Website gleich unter dem Header ein video einbinden und abspielen lassen. Soweit so gut hat dies geklappt, jedoch hätte ich es gerne so, dass die "überhängenden" Grafiken aus dem Header über das Video "fallen".
http://saito.finkeegaming.net/ <- Dort das Problem Visuell online
D.h. ich bräuchte einen CSS oder gar HTML Code der es mir erlaubt das video quasi eine ebene nach unten zu verschieben sodass ich eine grafik darüber legen könnte.
Auf der Website aktuell zu sehen ist, dass beim Schriftzug "HUÄN" der untere Teil der Grafik fehlt da das Video darüber liegt.
Aktuell liegt die Grafik unter dem Header im Hintergrund damit mir das video/die grafik nicht die Seite zerreißt.
Wie bekomme ich das Quasi gedreht? Dass das Video im Table hintergrund liegt und die Grafik darüber?
Meine Video einbindung in die Table:
<td colspan="2" background="Bilder/huan_16.png" width="460" height="233" alt="">
<div class="background-wrap">
<div id="player-overlay">
<center>
<video preload="auto" autoplay loop muted="muted" width="455" height="227">
<source src="http://saito.finkeegaming.net/video/video_web_converted.mp4" type="video/mp4">
Video not Supported
</video>
</center>
</div></td>
Die zuweisung im CSS:
content {
position:absolute;
width:100%;
height:100%;
z-index:1000;
}
background-wrap {
position: fixed;
z-index:-1000;
width:570;
height:230;
overflow:hidden;
}
player-overlay {
background-image: Bilder/huan_16.png width:460 height:233;
}
Alles anzeigen
Was mache ich falsch? Hoffe ihr könnt mir Helfen