✔ Firefox Problem - SWF Höhe und Breite 100%

Webflasher · 29. Januar 2011

Hey,

ich habe einen Flashfilm (.swf) der ein kleines Intro für eine meiner Homepages abspielt.

Die Original-Mase sind:

Höhe: 790px
Breite: 1400px

Ich haben diesen Film jetzt auf einer .php Seite eingebettet (mittels DW CS5 - Code ist weiter unten) und habe die Höhe und Breite auf 100% gesetzt. Das Problem ist jetzt, dass der Clip im Firefox nicht mehr angezeigt wir (nach einer Zeit kommt der Ton und die Weiterleitung, die ich am Ende des Clips mittels AS3 eingebunden habe). Im Safari funktioniert alles.
Wenn ich die Breite und Höhe wieder auf Pixel zurückstelle, hat der Firefox keine Probleme mehr und alles klappt.

Hat irgendwer ne Ahnung woran es liegen könnte...****?
Ich benutze Mac OS...

Hier der Code:

PHP:

<!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=UTF-8" />
<title>Intro</title>
<style type="text/css">
body {
	background-color: #000;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
  <param name="movie" value="flash/intro.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <param name="BGCOLOR" value="#000000" />
  <!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="flash/intro.swf" width="100%" height="100%">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="BGCOLOR" value="#000000" />
    <!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
    <div>
      <h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Thanks

Milan

dreifragezeichen · 30. Januar 2011

Ergänze das best. CSS mit diesem Regelblock:

CSS:

html,body {
height:100%;
margin:0;
}

Siehe Webmaster FAQ -> CSS Warum wird mein Layer nicht auf das gesamte Browserfenster gestreckt?

Webflasher · 30. Januar 2011

Hey, danke für den Tipp, hat leider nicht geklappt.

Aber, ich hab die swf mal direkt über Flash als HTML mit width und height 100% ausgegeben. Und jetzt klappt alles...

Hier der Code

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
	<head>
		<title>intro_02</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #000000;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
	</head>
	<body>
		<div id="flashContent">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1400" height="790" id="intro_02" align="middle">
				<param name="movie" value="intro_02.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#000000" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="intro_02.swf" width="1400" height="790">
					<param name="movie" value="intro_02.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#000000" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="window" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

dreifragezeichen · 30. Januar 2011

Webflasher hat gesagt.:
Hey, danke für den Tipp, hat leider nicht geklappt.

Wie das denn?

Entweder ist dir dabei ein Fehler unterlaufen, oder dein Flash-File folgt ganz anderen (physikalischen) Gesetzmäßigkeiten :suspekt:

Dein vorgestellter Code mit meiner empfohlenen und hinzugeflossenen Ergänzung im CSS-Bereich flutscht 1A

HTML:

<!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=UTF-8" />
<title>Intro</title>
<style type="text/css">
html,body {
height:100%;
margin:0;
}
body {
    background-color: #fff;
}
object { border:2em dotted #000; }
</style>
<script src="swfobject.js" type="text/javascript"></script>
</head>

<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
  <param name="movie" value="cube.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
  <param name="expressinstall" value="expressInstall.swf" />
  <param name="BGCOLOR" value="#cccccc" />
  <!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
  <!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="cube.swf" width="100%" height="100%">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="expressInstall.swf" />
    <param name="BGCOLOR" value="#cccccc" />
    <!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
    <div>
      <h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Die drei Bilder illustrieren einen "100%-aufgezogenen" Würfel, der sich im Raum dreht. Die umlaufenden schwarzen Punkte zeichnen den Rahmen des <object>-Tags, der sich zu allen vier Fensterflanken ausdehnt.

✔ Firefox Problem - SWF Höhe und Breite 100%

Webflasher

Mitglied

dreifragezeichen

? ? ?

Webflasher

Mitglied

dreifragezeichen

? ? ?

Anhänge

Neue Beiträge