I have figured out this half way, need some Help!
Ok, so I have an embed swf in the intro of the website I am working on.
Everything works fine in all browsers, but not in Google Chrome. What I figured out is that Chrome doesn't detect it as a flash, but as an element (when you click right button on it doesn't come the flash menu but the Save As and so on menu).
The swf has an effect that reveals as you move the cursor over it. But this can't happen now coz in Chrome it doesn't show it as a flash so nothing happens.
- I have embed another swf which is only animation and the animation plays fine but still has that Save As element menu
- When I play the swf without being embed it plays fine in Google Chrome, so I think the problem is in the code not the swf itself
- When I delete all the index.html code and embed the swf without div tags it plays fine in Chrome too
- I have tried both regular embedding and swfObject - it has the problem with both
So here is the index HTML:
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SWS</title>
<meta description="bla bla info" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type='text/javascript' src='js/ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='js/jquery.bits.js'></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("img/header.swf", "myContent", "1062", "473", "8");
</script>
</head>
<body>
<div id="loading">
<div align="center">
<p>loading</p>
<img src="img/loader.gif" alt="Loader" />
</div>
</div>
<div class="container"></div>
<div id="intro" class="region">
<span id="corner"></span>
<div id="myContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="1062" height="473" id="header" align="left">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="img/header.swf" />
<param name="quality" value="high" />
<param name="scale" value="exactfit" />
<param name="bgcolor" value="#000000" />
<embed src="img/header.swf" quality="high" bgcolor="#000000" width="1062" height="473" name="~flash[1]gm close52345" align="left" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
Here is the CSS:
html { overflow:hidden }
body {
margin:0;
padding:0;
background:url('img/body-bg.jpg') repeat;
}
h1, h2 { margin:0 }
img {border:none}
ul { list-style-type: none }
*:focus {outline: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
.detail { position:relative;right:135px }
}
#loading {
position: absolute;
background: #fff;
width: 100%;
height: 100%;
z-index: 100;
color:#fff;
}
#loading div {
margin: 0 auto;
width: 300px;
height: 100px;
padding-top: 20%;
font-family: "tahoma";
text-transform: uppercase;
letter-spacing:1px;
font-size:14px;
color:#ac051b;
}
.container {
background:url('img/wire.png') no-repeat;
width:9778px;
height:100%;
position:absolute;
top:0;
left:0;
}
#intro {
}
It has this problem only in Google Chrome.
Please if someone can help coz I'm stuck on it for 2 days and nothing helps
A Flash Developer Resource Site
Reply With Quote
