Computerhilfen.de
Design und Entwicklung => Webmaster Forum & Hilfe => Thema gestartet von: Jan S. am 27.01.09, 10:53:21
-
Hallo ihr Wissenden.. Ich habe auf meine letzte Frage gute Antworten bekommen, ich hoffe diesmal klappt es auch.. es ist diesmal ein wenig komplexer, habe schon gegooglet aber nicht das richtige gefunden. Ich möchte ein Video per IFrame abspielen lassen. Dieser IFrame sollte in einem Fernseher-Bild erscheinen. Quasi hier: http://www.frinu.de/test/shop.html .. Dort wo es schwarz ist, also der Bildschirmbereich, soll das Video dann per Frame angezeigt werden. Das ist doch sicherlich möglich, bloß wie? habe schon diesen code:
<AREA SHAPE="RECT" coords="121,95,472,386" HREF="dir/somepage.htm" target="myFrame">
.
.
.
<iframe src="home.html" name="myFrame" id="myFrame" width="98%" height="98%" frameborder="0"></iframe>
hat aber leider gar nicht funktioniert =(
-
ie erstelle ich IFrame mit Koordinaten?
;D auf die "gewollte" Art wird das nichts. Vor allem, da das Bild kein Hintergrund ist. Den Film (ein Objekt) kannst Du nicht auf der gleichen Ebene auf eine anderes "Objekt" legen. Du kannst nur "etwas" auf einen Hintergrund legen. Es sei denn, Du arbeitest mit Layern (Ebenen) die übereinander liegen.
Mach es also per Layer/Ebene.
http://www.css4you.de/wsboxmodell/index.html (Boxenmodell / Ebenen)
http://www.css4you.de/backgroundproperty.html - Hintergrund(-biler)
http://www.css4you.de/posproperty.html - positionieren
Die Grafik als Hintergrund einer Ebene/Layer, darin (darauf) das Video als Objekt.
oder
nicht ganz so "elegant" aber auch funktional: Tabelle, Bild als Hintergrund der Tabelle oder Zelle, darauf das Video (Objekt).
-
danke, mal sehen ob das auch funktioniert.. ist sowas denn möglich? einem frame koordinaten zuzuweisen? der Link vorhin hat nicht funktioniert, hier der richtige, wie es aussehen soll: http://www.frinu.de/test/shops.html
-
Wegen der Tabelle: Das weiß ich, danke, jedoch ist das von Browser (http://www.computerhilfen.de/fachbegriffe-b-Browser.html) zu Browser (http://www.computerhilfen.de/fachbegriffe-b-Browser.html) wieder anders in der Anzeige, zudem ist es funktional nicht so gut, mit dem, was ich nachher noch machen möchte..
-
jedoch ist das von Browser (http://www.computerhilfen.de/fachbegriffe-b-Browser.html) zu Browser (http://www.computerhilfen.de/fachbegriffe-b-Browser.html) wieder anders in der Anzeige
Darum die Empfehlung Layer/Ebene resp. Formatierung per CSS. Und per individueller Stylesheet-Definition lässt sich die Darstellung für jeden Browser (http://www.computerhilfen.de/fachbegriffe-b-Browser.html) optimieren (siehe IE und !important...)
-
Danke für die super hilfe, könnte mir wahrscheinlich gut weiterhelfen wenn ich dadurch blicken würde.. hmm.. hat jemand so etwas schon mal gemacht? im prinzip solls ja nur eine Verschönerung für ein Video sein... lg jan
-
Beispiel
<div id="Ebene-mit-Grafik" style="position:absolute; width:400px; height:400px; z-index:1; background-image: url(hintergrundgrafik.jpg); layer-background-image: url(hintergrundgrafik.jpg); border: 1px none #000000;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="32" height="32">
<param name="movie" value="flashfilm.flv">
<param name="quality" value="high">
<embed src="flashfilm.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="32" height="32"></embed></object>
</div>
-
danke für die mühe.. habs früher schonmal versucht und wieder aufgegeben.. hat keinen sinn.. bekomme das vid nicht auf die richtige position im fernseher, das bild des fernsehers auch nicht.. aber danke trotzdem.. hier mein gescheiterter versuch (quelltext) http://www.frinu.de/test/test.html
-
Ergänze den DIV-Tag um Positionierungsangaben: immer von links und oben gesehen: Bsp.:
<div id="die-ebene" style="position:absolute; width:400px; height:400px; z-index:1; left: 150px; top: 150px;"></div>
-
oder so:
für Deine Beispiel wäre es vielleicht auch so gegangen:
<!DOCTYPE html (http://www.computerhilfen.de/fachbegriffe-h-HTML.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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<div id="Ebene-mit-Grafik" style="position:absolute; width:700px; height:534px; z-index:1; background-image: url(fernsehenhh.jpg);
layer-background-image: url(fernsehenhh.jpg); border: 1px none #FFFFFF;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300" border="2" style="margin-left: 140px;
margin-top: 80px">
<param name="movie" value="test.flv">
<param name="quality" value="high">
<embed src="flashfilm.flv" quality="high" pluginspage=" http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
width="300" height="300"></embed></object>
</div>
<body>
</body>
</html>
Die CSS würde ich aber sauber auslagern. macht sich immer besser. So wie PWT schon angedeutet hat.
gruß saffi
-
Hey !! Es klappt [love] dankeschööön :o jetzt muss ich nur noch eines irgendwie hinkriegen.. auf www.frinu.de/test/test.html siehts schon gut aus, muss nur noch richtig eingerückt werden.. mal sehen..echt.. dankeschön ;) seid klasse.. !!
-
das problem ist jetzt nur ~hehe~ dass mein dreamweaver im designmodus nichts mehr anzeigt.. hatte das schon öfter, wenn man im code einiges verändert.. jetzt kann ich nicht mehr richtig mit den maps arbeiten, sodass ich die knöpfe des gerätes richtig verlinken kann.. ich such da mal nach einer lösung.. nochmal danke für die hilfe ;)