johndoe
Goto Top

Transparentes GIF über eingebetteten Youtube Player legen

Hallo,

ich habe vor auf einer Seite mehrere Youtube Videos (per Iframe) einzubetten.
Das es sich zuerst um eine kleine Voransicht handelt, soll hier nur ein kleines Video
angezeigt werden. Klickt man jetzt auf das Play Symbol, startet das Video in dieser kleinen Voransicht.
Ich habe mir gedacht ich erstelle eine neue Div-Ebene und erstelle ein transparantes Gif das ich über das Video lege. Ich habe es testweise mal weiter über den Rand gelegt... funktioniert auch... nur anscheinend stellt sich das Flash Video bzw. der Iframe über das Transparente gif. Jemand ne Ahnung wie ich das ebenfalls hinter das Gif bekomme. Hier mal der Quelltext:


<div id="video_klein_orange"><img src="images/alex_kaktus_jump.jpg" width="971" height="228">  
  
  <div id="eingebundenesvideo"><iframe width="327" height="184" src="http://www.youtube-nocookie.com/embed/XC49BC_ozQc" frameborder="0" allowfullscreen></iframe>  
  
  <div id="link_video_klein"><a href="http://xxx.xx/index.php/talente/14-film-gross/42-mustervideo"><img src="images/invisible.gif" alt="Video Gross" width="970" height="229" /></a></div>  
  
  </div>
<div id="video_text_div"><h2>Der brennende Kaktus Jump</h2>  
  <span class="textvideo">Flickflackwunder Alex  
  (17) aus Hamburg zeigt<br />
  spektakul&auml;re Sprungkunst &uuml;ber einen brennenden<br />
  Kaktus! Nicht nachmachen!
  </span></div>
</div>

CSS

#eingebundenesvideo {
	position:absolute;
	width:325px;
	height:184px;
	z-index:2;
	left: 631px;
	top: 23px;
}

#link_video_klein {
	position:absolute;
	width:970px;
	height:229px;
	z-index:99;
	left: -630px;
	top: -22px;
}

#video_klein_orange {
	position:absolute;
	width:939px;
	height:226px;
	z-index:2;
	left: 46px;
	top: 52px;
}

Vielleicht hat ja jemand eine Idee. Vielen Dank.

Content-Key: 189220

Url: https://administrator.de/contentid/189220

Printed on: April 26, 2024 at 05:04 o'clock

Member: d4shoerncheN
d4shoerncheN Aug 07, 2012 updated at 13:19:57 (UTC)
Goto Top
Hallo,

hast du einen Link zu deiner Seite?

Dein "Problem" wird nicht darin liegen, die DIV-Container in den Vordergrund zu kriegen - sondern dass das Video im Hintergrund liegt. Und denk dran, wenn du ein Bild über das Video legst, dass man an das Video da drunter nicht mehr via Klick ran kommt.

Such mal nach dem Stichwort:
<param name="wmode" value="transparent">  

Gruß
Member: johndoe
johndoe Aug 07, 2012 at 15:49:39 (UTC)
Goto Top
Zitat von @d4shoerncheN:
Hallo,

hast du einen Link zu deiner Seite?

Dein "Problem" wird nicht darin liegen, die DIV-Container in den Vordergrund zu kriegen - sondern dass das Video im
Hintergrund liegt. Und denk dran, wenn du ein Bild über das Video legst, dass man an das Video da drunter nicht mehr via
Klick ran kommt.

Such mal nach dem Stichwort:
<param name="wmode" value="transparent">  

Gruß

Ich habe einfach am Ende des Youtube Videolinks folgendes gesetzt:

?wmode=opaque