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:
CSS
Vielleicht hat ja jemand eine Idee. Vielen Dank.
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äre Sprungkunst ü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.
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 189220
Url: https://administrator.de/forum/transparentes-gif-ueber-eingebetteten-youtube-player-legen-189220.html
Ausgedruckt am: 16.04.2025 um 17:04 Uhr
2 Kommentare
Neuester Kommentar
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:
Gruß
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ß