Hey, ich würde gern ein Bild über ein Video setzen,
wie könnte ich das anstellen?
Bild über Video setzen
-
-
Was meinst du mit über?
Oben drüber oder genau auf dem Video? Wie bindest du das Video ein?
-
Also das Bild wollte ich über das Bild des Videos legen. So das es ein Teil des Videos verdeckt.
Das Video binde ich über ein Script von ustream.tv ein! -
Ein bisschen Code wäre ganz schön, also alles rund um das Skript.
-
Für die Sauberkeit des Codes bin ich nicht zuständig^^
Code<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv566703"> <param name="flashvars" value="autoplay=false&brand=embed&cid=8490592&v3=1"/> <param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/> <param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/> <embed flashvars="autoplay=false&brand=embed&cid=8490592&v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv566703" name="utv_n_554212" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /> </object>
-
Tut mir leid das ist Flash, da weiß ich nicht wie du etwas drüber schieben kannst..
-
Hach .. .__.
Wir nehmen uns ein Div wo wir das object und ein div, was du über das Vid legen willst rein packen.
Das Div wir wir das Vid und das andere haben positionieren wir relative. anschließend nehmen wir das was wir drüber legen wollen und positionieren es absolute um es anschließend mit top und left seiner endgültigen Position zu zu ordnen. -
So dachte ich mir das auch aber es scheint nicht zu funktionieren.
-
Wieso sollte das nicht funktionieren? O.o
Evtl. noch n bisschen z-index.. aber es müsste klappen -
Ne es klappt nicht, liegt meiner Meinung nach daran das Flash sich von HTML&CSS nichts sagen lässt...
-
Aber auch hier liegt Flash in einem HTML-Element, welches sich so verhält wie jedes andere Element..
-
Probiert es halt auch mal aus, ich hab's nicht hinbekommen.
-
Also bei mir hat es gerade geklappt .___.
Code
Alles anzeigen/*** STYLE ***/ #rahmen { width: 480px; height: 296px; position: relative; border: 1px solid #ccc; } #layer { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: #fff;/* Weil der Hintergrund sonst transparent ist :P */ border: 1px solid #333; } /*** STYLE ENDE ***/ <!-- HTML CODE --> <div id="rahmen" <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv566703"> <param name="flashvars" value="autoplay=false&brand=embed&cid=8490592&v3=1"/> <param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/> <param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/> <embed flashvars="autoplay=false&brand=embed&cid=8490592&v3=1" width="480" height="296" allowfullscreen="true" allowscriptaccess="always" id="utv566703" name="utv_n_554212" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash" /> </object> <div id="layer"></div> </div> <!-- HTML CODE ENDE -->
Und so schaut des bei mir aus: [attachment=0]<!-- ia0 -->Unbenannt-1.jpg<!-- ia0 -->[/attachment]
-
Danke Leute,
es hat funktioniert. Super!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!