PNG Grafik über Video legen

**Wild-Wolf** · 21.12.2010, 11:36

Hi zusammen,

ich wollte ein youtube video einbetten aber darüber eine PNG Grafik legen wegen Rahmen.
Habe da auch einiges gefunden mit z-index. Im Editor geht es aber im Firefox und IE ist es dann dennoch über der PNG Grafik.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<style type="text/css"><!--
 .examplediv
 {
width: 942px;
height: 500px;
 }
#divid1
{
position:absolute;
background-position: top;
background-image: url(images2/bg.jpg);
z-index:2;

}
#divid2
{
position: absolute;
height: 362px;
top: 100px;
width: 600px;
margin-left: 170px;
border: none;
z-index:1;
}
// --></style>
</head>
<body>

  <div id="divid1" class="examplediv"></div>

  <div id="divid2" class="examplediv">
  <object width="600" height="362"><param name="movie" value="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&amp;hl=de_DE&amp;rel=0&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&amp;hl=de_DE&amp;rel=0&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="362"></embed></object>
  </div>

</body>
</html>

Wo ist da der Fehler.

**Rinaldo** · 21.12.2010, 11:52

Das Problem ist nicht, wie man die PNG-Grafik in den Vordergrund bekommt, sondern wie man das Flash-Video in den Hintergrund bekommt

.

Siehe hier: http://www.biggle.de/blog/flash-in-d...rgrund-zwingen

**Wild-Wolf** · 21.12.2010, 11:58

Irgendwas mache ich falsch der wird nicht unsichtbar oo

Wo genau muss ich den einbinden?

EDIT: Problem gelöst aber wenn ich ein png drüber lege kann ich alles darunter nicht mehr anklicken oO

**Wild-Wolf** · 21.12.2010, 12:32

Ok ich dreh gerade ab....

nur damit:

Code:

<param name="wmode" value="transparent" />

gehts net wenn ich das weg lasse aber

Code:

wmode="transparent"

in den embed tag einbaue gehts aber es ist nichts im player zum anklicken.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<style type="text/css"><!--
 .examplediv
 {
width: 942px;
height: 500px;
 }
#divid1
{
position:absolute;
background-position: top;
background-image: url(images2/bg.png);
z-index:2;

}
#divid2
{
position: absolute;
height: 362px;
top: 100px;
width: 600px;
margin-left: 170px;
border: none;
z-index:1;
}
// --></style>
</head>
<body>

  <div id="divid1" class="examplediv">
  </div>

  <div id="divid2" class="examplediv">
<object width="600" height="362">
<param name="movie" value="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&amp;hl=de_DE&amp;rel=0&amp;hd=1"/><param name="allowFullScreen" value="true"/><param name="allowscriptaccess" value="always"/><embed src="http://www.youtube.com/v/lnLTMBy4_3E?fs=1&amp;hl=de_DE&amp;rel=0&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="600" height="362"></embed></object>

  </div>

</body>
</html>

**wildmieze** · 21.12.2010, 13:31

Öhmm .. naja .. das würde ja auch bedeuten, daß Du durch das png hindurchklicken können müsstest .. nur weil es teilweise transparent ist, ist es ja nicht "weg" - quasi wie ne Glastür, vor die man läuft

... ich kann mir nicht vorstellen, daß das geht, aber ich lass mich gerne korrigieren ..

Alternativ könntest Du versuchen, die 4 Rahmenseiten mit einzelnen pngs zu bestücken, so daß die Mitte tatsächlich frei bleibt ..

**Wild-Wolf** · 21.12.2010, 13:50

Da habe ich auch schon drann gedacht. Bleibt voll nichts anders übrig.
Aber danke

zur Startseite vom TP

Thema: PNG Grafik über Video legen

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

PNG Grafik über Video legen

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Schrift über Grafik legen

[CSS] transparentes GIF bei Hover über eigentliche Grafik legen

[CSS] Link über Grafik legen

Grafik über ein animiertes Gif legen...geht das?

Aktive Benutzer

Aktive Benutzer

Berechtigungen