Forum
Tipps
News
Menu-Icon

Wie erstelle ich IFrame mit Koordinaten?

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:


 

Zitat
<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>
Zitat

hat aber leider gar nicht funktioniert =(

Antworten zu Wie erstelle ich IFrame mit Koordinaten?:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
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).   
« Letzte Änderung: 27.01.09, 12:45:40 von PWT »

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 zu Browser wieder anders in der Anzeige, zudem ist es funktional nicht so gut, mit dem, was ich nachher noch machen möchte..

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
jedoch ist das von Browser zu Browser 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 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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

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> 

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

oder so:

für Deine Beispiel wäre es vielleicht auch so gegangen:
<!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=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 ;)


« Homepage erstellen,.....ShopSystem OpenSource gesucht »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Mainframe
Große Computer, wie sie in Rechenzentren zum Einsatz kommen, und die über Terminals Tausende von Anwender bedienen. Siehe auch Super-Computer...

Scart
SCART, ein europäischer Standard für Steckverbindungen, spielte eine wichtige Rolle in der Geschichte der Audio- und Videotechnik. Ursprünglich konzipiert,...

Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...