I am working on wordpress project i have embed a flash player it's working in Fire Fox,Opera, IE9 + IE10 but in Google Chrome animation not working.If any body have any idea how to sort out this issue let me know.
<link href="http://banditbuster.com/wp-content/themes/banditbuster/style.css" rel="stylesheet" media="all" type="text/css" />
<!--[if !IE 10]><html id="ie10" <?php language_attributes(); ?><![endif]-->
<div class="main-content flash" style="float: left; width: 100%;" align="center">
<a style="margin-left: -48px; text-decoration: none;" href="home-2"><img alt="" src="http://banditbuster.com/wp-content/themes/banditbuster/images/enter1.png" width="216" height="62" /></a>
<div class="main-intro" style="border-radius: 10px;">
<div style="float: left; width: 100%;">
<div class="fottext" style="position: absolute; margin-top: 36%; text-align: center; width: 100%;"><a style="text-decoration: none;" href="how-bandit-buster-works"><strong style="color: red;"><span style="font-size: xx-large;"> "BANDIT BUSTER SECURITY SYSTEM"</span> </strong></a>
<strong style="color: red;"><span style="font-size: x-large;"> "IF YOU CAN'T SEE IT, SOMEONE CAN AND WILL STEAL IT"</span> </strong></div>
<object id="FlashID" style="border-radius: 10px;" width="1100" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/expressInstall.swf" /><param name="src" value="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" />
<embed src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" quality="high" bgcolor="#ffffff"width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object >
</div>
</div>
</div>
In your source code you have an unclosed tag...
<script type="text/javascript" href="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/swfobject_modified.js" </script>
Should be
<script type="text/javascript" href="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/swfobject_modified.js"></script>
Below code working for flash embed animation with transparent background for IE9 +10 ,firefox,chrome,opera browser's.
<!--[if IE 10]><html id="ie10" <?php language_attributes(); ?><![endif]-->
<!--[if firefox]><html id="firefox" <?php language_attributes(); ?><![endif]-->
<!--[if ! chrome]><html id="chrome" <?php language_attributes(); ?><![endif]-->
<object id="FlashID" style="border-radius: 10px;" width="1100" height="480" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="wmode" value="transparent"/><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="http://banditbuster.com/wp-content/themes/banditbuster/Scripts/expressInstall.swf" /><param name="src" value="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" />
<embed id="FlashID" src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" wmode="transparent" quality="high" width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</embed>
</object >
<!--[if firefox]>
<embed id="FlashID" src="http://banditbuster.com/wp-content/themes/banditbuster/intro7.swf" wmode="transparent" quality="high" width="1100" height="480" name="mymoviename" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</embed>
<![endif]-->
Related
I am trying to have the following div
<div style="position:absolute;width:1000px;height:25px;border:0px;solid #000;color:#052B8B"/>
appear over this object
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="700" id="Kirchhoff" align="middle"/>
<param name="movie" value="Kirchoff.swf"/>
<param name="quality" value="high"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#ffffff"/>
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" width="900" height="700" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque"/>
I have tried everything with no luck. Thanks in advance.
https://jsfiddle.net/ecn65bdv/3/
<div style="position:absolute;width:1000px;height:25px;border:0px;solid #000;color:#052B8B">This is div</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="700" id="Kirchhoff" align="middle">
<param name="movie" value="Kirchoff.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="bgcolor" value="#ffffff">
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" width="900" height="700" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />
Your object html is messed up. Your doing one object, but in your HTML you provided your suggesting you have an object tag and a seperate embed tag. Your div end tag is also messed up. See my fiddle. z-index did infact bring the div tag in front of the object.
Try adding a z-index:[value] to it.
Your inline CSS on that DIV is a mess (or do you really want that DIV to be only 25px high - if yes, change that in the code below - I assume you want to cover the object completely)...
I erased it, assigned class x to that DIV and set up a CSS rule for it that has the same width and height as the object tag. (Different background color green)
Also note the margin: 0 on bodywhich prevents the default margins.
body {
margin: 0;
}
.x {
position: absolute;
background: green;
width: 900px;
height: 700px;
}
<body bgcolor="#052B8B">
<div class="x"></div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="900" height="700" id="Kirchhoff" align="middle" />
<param name="movie" value="Kirchoff.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#ffffff" />
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" width="900" height="700" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />
</body>
I have a HTML div on the top of flash object(flex-3). Its coming in IE-8. But its not coming on Chrome/Firefox. Problem is that when I open developer tool of those two browser its coming.
So the problem is that without developer tool its not appearing on the screen.
I used Z-index, display:block, param name="wmode" value="opaque" as well.
<script>
function setupDivDimensions(){
var bodyElement = document.getElementsByTagName('body')[0];
var bodyW = bodyElement.clientWidth;
var bodyH = bodyElement.clientHeight;
document.getElementById('flexContainerMain').setAttribute("style","position:relative;width:"+bodyW+";height:"+bodyH);
document.getElementById('flexContainerMain').style.width=bodyW;
document.getElementById('flexContainerMain').style.height=bodyH;
document.getElementById('uam_boxes').setAttribute("style","z-index:3;display:block;");
document.getElementById('flexContainer').setAttribute("style","z-index:1;position:absolute;top:0;left:0;display:block;width:"+bodyW+";height:"+bodyH);
document.getElementById('flexContainer').style.width=bodyW;
document.getElementById('flexContainer').style.height=bodyH;
}
</script>
<body onload="setupDivDimensions();">
<input type="hidden" id="globalLogoutUrl" name="globalLogoutUrl"
value="/logout/page/link/goes/here" />
<input type="hidden" id="appLogoutUrl" name="appLogoutUrl" value="<%=request.getContextPath()%>/Logout" />
<f:verbatim>
<div id="flexContainerMain">
<div id="uam_boxes"></div>
<div id="flexContainer"><Object id="flex" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%"
height="100%" codebase="https://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="<%=request.getContextPath()%>/flex/MyFlashPage.swf" />
<embed src="<%=request.getContextPath()%>/flex/MyFlashPage.swf" width="100%" height="100%" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="opaque" />
<param name='flashVars'
value='userName=<h:outputText value="#{USER_OBJECT_KEY.userName}"/>&selMenuId=<h:outputText value="#{menuController.selectedMenuItem.menuId}"/>&selMenuTitle=<h:outputText value="#{menuController.selectedMenuItem.title}"/>' />
</object></div>
</div>
<div style="display:none">
<form name="redirection" action="" method="post" width="0" height="0"><f:verbatim>
<a style="margin-right:20px;" class="globalLinkBranding"
onmouseover="isStatusAvail = false;window.status='Logout';return true" onmouseout="isStatusAvail = true;"
id="uam_modal"> Logout </a>
</form>
</div>
</f:verbatim>
</body>
I have flash animation on my web site, in all other browsers except IE shows.Header is same size as object.
<div id="header">
<object style="width: 760px; height: 128px; margin-top: 3px" codebase="http://test.eu-seed.net/safenet/pict/banner3.1.swf">
<param name="movie" value="http://test.eu-seed.net/safenet/pict/banner3.1.swf" />
<embed src="http://test.eu-seed.net/safenet/pict/banner3.1.swf" quality="high" width="760"
height="128" name="myMovieName" type="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>
What could be the problem ??
here is the correct way to embed a flash movie:
<!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="en" xml:lang="en">
<head>
</head>
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="506" height="310" id="player" align="middle">
<param name="movie" value="http://test.eu-seed.net/safenet/pict/banner3.1.swf" />
<param name="bgcolor" value="#FFFFFF" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="player.swf" width="506" height="310">
<param name="movie" value="http://test.eu-seed.net/safenet/pict/banner3.1.swf" />
<param name="bgcolor" value="#FFFFFF" />
<!--<![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>
I also recomend you using swfObject.
I want to show a flash file in my Default.aspx page.
when I use an html file the flash covers whole the page, this is Html source code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>home</title>
</head>
<body bgcolor="#d3d3d3" style="margin:0px;">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="menu" value="false" />
<param name="quality" value="High" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#d3d3d3" />
<embed src="../swf/home.swf" menu="false" quality="High" wmode="transparent" bgcolor="#d3d3d3" width="100%" height="100%" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</body>
</html>
but when I put it in my default.aspx file it's height doesn't cove whole the page.
this is my default.aspx source file:
<%# Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="UI_Default" %>
<!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 runat="server">
<title></title>
</head>
<body bgcolor="#d3d3d3" style="margin:0px;">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="menu" value="false" />
<param name="quality" value="High" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#d3d3d3" />
<embed src="../swf/home.swf" menu="false" quality="High" wmode="transparent" bgcolor="#d3d3d3" width="100%" height="100%" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</body>
</html>
what's wrong?
In XHTML, the body element is not as magical, and doesn't have to be as high as the window.
Set the height of both the html and body elements to 100%, and set both the margin and padding of the body element (as some browsers have a default padding instead of margin):
<style type="text/css">
html, body { height: 100%; }
body { margin: 0; padding: 0; }
</style>
Here is my code in Site.master
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="980" height="337" id="flashheader" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="../../Content/flash/header.swf" quality="high" bgcolor="#ffffff" width="980"
height="337" name="header" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false"
type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
it is inside div (i've read somewhere that width should be defined for IE)
#header
{
width: 980px;
margin: 0 auto;
text-align: center;
background-image: url('designimages/header.png');
background-repeat: no-repeat;
}
also i tryed:
It is simple animation, and it works ok in Firefox and Chrome. What could be wrong?
TIA
Wrong path to your movie in the param?
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="980" height="337" id="flashheader" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="../../Content/flash/header.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="../../Content/flash/header.swf" quality="high" bgcolor="#ffffff" width="980"
height="337" name="header" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false"
type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></embed>
</object>