Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

06-07-2009, 08:36

Hallo Leuts, vorweg ich bin Anfänger.

ich möchte mein Flash film in eine bestehende HTML-Seite einbinden.
der film sollte sich der größe des Browsers anpassen. Ich habe das mit scale100% hin bekommen, aber: die Bühne ist jetzt zu hoch. sie drückt meinen Text unterhalb vom film nach unten weg. Wie kann ich die Bühnenhöhe dynamisch der Browsergröße anpassen oder steuern, so das sie nur so groß ist wie der Flashfilm selber. Hilfe Bitte.

Hier kann man es ansehen was ich meine:
http://ms-horoskope.de/test/

Danke im voraus.

**salazar** · 06-07-2009, 09:39

hi,
schau dir am besten mal das tutorial hier an:
[TUTORIAL] - Scale & Stage

cheers,
sal

06-07-2009, 11:58

Zitat:

Zitat von salazar

hi,
schau dir am besten mal das tutorial hier an:
[TUTORIAL] - Scale & Stage

cheers,
sal

nein das funktioniert nicht. die Bühner scaliert zwar, aber sie ist zu hoch.
es existiert ein Abstand vom Flashfilm Unterkante zu den normalen Inhalt der HTML seite.
diesen Abstand macht die Bühne. Das macht mich irre. hehe jk.
Ich bin halt etwas frisch in der Programmierung. Ich hoffe du verstehst mein Problem?
Siehe dir meinen Link an. Dort siehst du was ich meine. Danke

readme.txt · 06-07-2009, 12:11

Dein Post macht nicht viel Sinn um ehrlich zu sein ... du bindest den Flashfilm mit 100%/100% ein und wunderst dich dann das er dann zu groß ist?

06-07-2009, 12:22

Zitat:

Zitat von readme.txt

Dein Post macht nicht viel Sinn um ehrlich zu sein ... du bindest den Flashfilm mit 100%/100% ein und wunderst dich dann das er dann zu groß ist?

Das liegt vielleicht daran, dass ich mich nicht auskenne.

Der Flashfilm sollte sich ja dem Browserfenster anpassen, was er ja macht.
Nur die Bühne ist zu Hoch. Das ist mein Problem.

Aber irgendwie wird vergessen das ihr auch mal angefangen habt.
Trotzdem, Danke für deine Mühe.

nullidee · 06-07-2009, 12:33

der Fehler liegt glaube ich woanders

06-07-2009, 12:48

Zitat:

Zitat von nullidee

der Fehler liegt glaube ich woanders

das ist es nicht. Ich muss Irgendwie die Bühne oder stage wie auch immer, über ein script anpassen. Weis nur noch nicht wie. Weil es ist die Bühnenhöhe die den Abstand macht. und die ist abhängig von der Breite.

readme.txt · 06-07-2009, 17:02

Die Bühnengröße lässt sich in Flash nicht ändern. Was du machen kannst ist den Flashfilm in HTML in einem z.B. div einzubinden und dann mit 100%/100% anzuzeigen.

Die Größe des divs kannst du dann über CSS anpassen. Wenn du nu die Höhe/Breite vom Div auf z.B. 400px/600px stellst ist der Flashfilm auch 400/600px groß.

icex77 · 28-07-2009, 10:10

Hallo,

da ich das gleiche Problem wie der Themenersteller hatte, möchte ich mit meiner Lösung nicht hinterm Berg halten.

Zum ersten möchte ich bemerken das weder swfobject noch der durch Flash generierte HTML/JS-Code in der Lage war dieses Problem zu behandeln.

Das DIV welches den Flashfilm beinhaltet mit 100% Weite und einem festen Hoehenwert in Pixeln zu versehen (wie das "readme.txt" schon richtig beschrieb) ist ein Weg welcher aber in Deinem Falle ziemlich ungenau werden kann.
Den Hoehenwert errechnest Du am besten aus der Maximalen Breite des Browerfensters welches Du unterstützen möchtest.
Wenn Du bspw. max 1680x1050 mit dieser Methode unterstützen möchtest und Deine Original StageGröße bspw. 800x100 ist, dann rechnest Du: 1680 / (800/100) = 210px
Das heisst wenn ein User mit einer Bildschirmbreite von 1680px deine Seite besucht so wird dein Banner oben auf ca. 210px Höhe Skaliert (bei 100% width).
Somit legst du den Flash div so an:
<div style="width:100%;height:210px;">
<object....... FLASHMOVIE......>
</div>

Diese Methode ist natürlich bei kleineren Bildschirmen ungenau (Content rutscht zu weit runter) genauso auf extrem Hohen Auflösungen (Banner wird beschnitten).

Deshalb habe ich eine weitere Lösung erarbeitet, allerding auf JS-Basis.... beide Methoden lassen sich aber über die Hoehenangabe (210px) im div-tag des Flashfilms kombinieren (ist JS ausgeschalten nimmt er die 210px, ansonsten ändert der JS die Höhe des Divs):

HTML-Code:

<html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml"> //style height für IE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flashsizetest</title>
</head>
<body width="100%" height="100%" style="width:100%px;height:100%;margin:0px;">


<div id="flashbanner" style="width:100%;height:210px;">

	<object ..... width="100%" height="100%" id="pano_smooth" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="true" />
	<param name="movie" value="pano_smooth.swf" />
    <param name="menu" value="false" />
    <param name="quality" value="best" />
    <param name="scale" value="noborder" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="pano_smooth.swf" menu="false" quality="best" scale="noborder" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="pano_smooth" align="middle"
 allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="......" />
	</object>

</div>


<div id="eigentlicher inhalt">
Content direkt unter dem Fullsize-Flashbanner
</div>


<script type="text/javascript">

var swf_original_stagewidth = 800; //Originale Stage Width eintragen
var swf_original_stageheight = 100; //Originale Stage Height eintragen
var flash_div = 'flashbanner';          //Div mit dem Flashinhalt eintragen

var seitenverhaeltnis = swf_original_stagewidth / swf_original_stageheight;

function resize_flashdiv(){
	
	var neueFlashdivHoehe = Math.floor(document.getElementById(flash_div).offsetWidth / seitenverhaeltnis);
	
	document.getElementById(flash_div).style.height = neueFlashdivHoehe + "px";
	
}


window.onload = function () {
      
	resize_flashdiv();
   
window.onresize = function (evt) {
      
	resize_flashdiv();
	
   }
}
</script>


</body>
</html>

Getestet auf IE und Mozilla.

Wie man Sieht kann mann sich auch grundsätzlich so überflüssige sachen wie swfobject oder den Javascript aus der von Flash generierten HTML durchaus sparen.

Grüße, Andreas Tlamacz

28-07-2009, 13:39

Meinen Herzlichen Dank für deine Hilfe. Werde es gleich einbinden. Mario

06-07-2009, 08:36	#1 (permalink)
maio Gast Beiträge: n/a	Stagegröße dnamisch Hallo Leuts, vorweg ich bin Anfänger. ich möchte mein Flash film in eine bestehende HTML-Seite einbinden. der film sollte sich der größe des Browsers anpassen. Ich habe das mit scale100% hin bekommen, aber: die Bühne ist jetzt zu hoch. sie drückt meinen Text unterhalb vom film nach unten weg. Wie kann ich die Bühnenhöhe dynamisch der Browsergröße anpassen oder steuern, so das sie nur so groß ist wie der Flashfilm selber. Hilfe Bitte. Hier kann man es ansehen was ich meine: http://ms-horoskope.de/test/ Danke im voraus.

06-07-2009, 09:39	#2 (permalink)
salazar experience++; Registriert seit: Jul 2002 Ort: Düsseldorf Beiträge: 11.347	hi, schau dir am besten mal das tutorial hier an: [TUTORIAL] - Scale & Stage cheers, sal __________________ NKUNITED.DE - FLASH BLOG FLASHFORUM FAVORITES, FLASHFORUM [STUFF] SOUND VISUALIZER SPHERE BROWNSCHE PARTICLES V2 SAME GAME Bitte keine Flashfragen an mich schicken. Dafür ist ja das Forum da! Das betrifft auch Profilnachrichten. Chuck Norris hat den Flash Player für alle mobilen Betriebssysteme!

06-07-2009, 12:11	#4 (permalink)
readme.txt no guts no glory Registriert seit: May 2004 Ort: Nordhorn Beiträge: 7.998	Dein Post macht nicht viel Sinn um ehrlich zu sein ... du bindest den Flashfilm mit 100%/100% ein und wunderst dich dann das er dann zu groß ist? __________________ Bitte keine Privaten Nachrichten mit Fragen, dazu ist das Forum selbst da. Danke. 'We live in an amazing, amazing world, and it's wasted on the crappiest generation of spoiled idiots.'

06-07-2009, 17:02	#8 (permalink)
readme.txt no guts no glory Registriert seit: May 2004 Ort: Nordhorn Beiträge: 7.998	Die Bühnengröße lässt sich in Flash nicht ändern. Was du machen kannst ist den Flashfilm in HTML in einem z.B. div einzubinden und dann mit 100%/100% anzuzeigen. Die Größe des divs kannst du dann über CSS anpassen. Wenn du nu die Höhe/Breite vom Div auf z.B. 400px/600px stellst ist der Flashfilm auch 400/600px groß. __________________ Bitte keine Privaten Nachrichten mit Fragen, dazu ist das Forum selbst da. Danke. 'We live in an amazing, amazing world, and it's wasted on the crappiest generation of spoiled idiots.'

28-07-2009, 10:10	#9 (permalink)
icex77 Neuer User Registriert seit: Jul 2009 Beiträge: 1	mögliche Lösungen Hallo, da ich das gleiche Problem wie der Themenersteller hatte, möchte ich mit meiner Lösung nicht hinterm Berg halten. Zum ersten möchte ich bemerken das weder swfobject noch der durch Flash generierte HTML/JS-Code in der Lage war dieses Problem zu behandeln. Das DIV welches den Flashfilm beinhaltet mit 100% Weite und einem festen Hoehenwert in Pixeln zu versehen (wie das "readme.txt" schon richtig beschrieb) ist ein Weg welcher aber in Deinem Falle ziemlich ungenau werden kann. Den Hoehenwert errechnest Du am besten aus der Maximalen Breite des Browerfensters welches Du unterstützen möchtest. Wenn Du bspw. max 1680x1050 mit dieser Methode unterstützen möchtest und Deine Original StageGröße bspw. 800x100 ist, dann rechnest Du: 1680 / (800/100) = 210px Das heisst wenn ein User mit einer Bildschirmbreite von 1680px deine Seite besucht so wird dein Banner oben auf ca. 210px Höhe Skaliert (bei 100% width). Somit legst du den Flash div so an: <div style="width:100%;height:210px;"> <object....... FLASHMOVIE......> </div> Diese Methode ist natürlich bei kleineren Bildschirmen ungenau (Content rutscht zu weit runter) genauso auf extrem Hohen Auflösungen (Banner wird beschnitten). Deshalb habe ich eine weitere Lösung erarbeitet, allerding auf JS-Basis.... beide Methoden lassen sich aber über die Hoehenangabe (210px) im div-tag des Flashfilms kombinieren (ist JS ausgeschalten nimmt er die 210px, ansonsten ändert der JS die Höhe des Divs): HTML-Code: <html style="height:100%;" xmlns="http://www.w3.org/1999/xhtml"> //style height für IE <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Flashsizetest</title> </head> <body width="100%" height="100%" style="width:100%px;height:100%;margin:0px;"> <div id="flashbanner" style="width:100%;height:210px;"> <object ..... width="100%" height="100%" id="pano_smooth" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <param name="movie" value="pano_smooth.swf" /> <param name="menu" value="false" /> <param name="quality" value="best" /> <param name="scale" value="noborder" /> <param name="wmode" value="transparent" /> <param name="bgcolor" value="#ffffff" /> <embed src="pano_smooth.swf" menu="false" quality="best" scale="noborder" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="pano_smooth" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="......" /> </object> </div> <div id="eigentlicher inhalt"> Content direkt unter dem Fullsize-Flashbanner </div> <script type="text/javascript"> var swf_original_stagewidth = 800; //Originale Stage Width eintragen var swf_original_stageheight = 100; //Originale Stage Height eintragen var flash_div = 'flashbanner'; //Div mit dem Flashinhalt eintragen var seitenverhaeltnis = swf_original_stagewidth / swf_original_stageheight; function resize_flashdiv(){ var neueFlashdivHoehe = Math.floor(document.getElementById(flash_div).offsetWidth / seitenverhaeltnis); document.getElementById(flash_div).style.height = neueFlashdivHoehe + "px"; } window.onload = function () { resize_flashdiv(); window.onresize = function (evt) { resize_flashdiv(); } } </script> </body> </html> Getestet auf IE und Mozilla. Wie man Sieht kann mann sich auch grundsätzlich so überflüssige sachen wie swfobject oder den Javascript aus der von Flash generierten HTML durchaus sparen. Grüße, Andreas Tlamacz

28-07-2009, 13:39	#10 (permalink)
maio Gast Beiträge: n/a	Danke!!! Meinen Herzlichen Dank für deine Hilfe. Werde es gleich einbinden. Mario

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln