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.
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 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]-->
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 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>
Greeting,
have a swf file which content a FlvPlayback play to play targeted video.
It is working OK when I run published HTML file from flash professional CS5.
but when I embedded this flash to asp.net content page using object tag the move will pay but the video controls play and stop with disappear.
I listed down the code I sued.
Please advice.
<%# Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="HabibWebSite.Home" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<object width="700" height="700">
<embed src="Flash/FlashPlayer.swf" type="application/x-shockwave-flash" width="700" height="700"></embed>
</object>
</asp:Content>
Update
The swf file is depend on other files such as skin file, image, video each...
these file are on same folder where is my swf file located and they are all under one folder my my VS2010 project. When I run the swf file from the folder in the VS2010 project is working OK but when I embed it to aspx page I will miss some controls in the flash.
I tried another swf file that depend on external resource to run such as xml file, and images, jscript fie and the swf file will lunch but will not work and there is no images would appear but still when I run the swf file from the VS2010 project will run OK.
I'm listing down the following :
1-html code for the htlm file generated by flash professional CS5 to lunch the flash in browser.
<!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>
<title>FlashPlayer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff;}
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="473" height="269" id="FlashPlayer" align="middle">
<param name="movie" value="FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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="FlashPlayer.swf" width="473" height="269">
<param name="movie" value="FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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>
2-the code I used to lunch the swf file with aspx.
<%# Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="HabibWebSite.WebForm1" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="473" height="269" id="FlashPlayer" align="middle">
<param name="movie" value="Flash/FlashPlayer/FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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="Flash/FlashPlayer/FlashPlayer.swf" width="473" height="269">
<param name="movie" value="Flash/FlashPlayer/FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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>
</form>
</body>
</html>
3-html code generated when lunch the aspx page.
<!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><title>
</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<form method="post" action="WebForm1.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNjI2MjY0OTg0ZGS7bT2BP5w5OjKaeICJTgBmmuzIKMGdB9pFIMPQCLbAiw==" />
</div>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="473" height="269" id="FlashPlayer" align="middle">
<param name="movie" value="Flash/FlashPlayer/FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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="Flash/FlashPlayer/FlashPlayer.swf" width="473" height="269">
<param name="movie" value="Flash/FlashPlayer/FlashPlayer.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<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>
</form>
</body>
</html>
Are you showing the complete and tags you're using? This will not work in all browsers.
ASP.NET pre se is not doing anything be producing an html page that contains the html markup you specify. So I suggest creating a static html page and embedding your player in there and make sure things work as you expect. Once you have your html page (and the markup) working the way you expect, you can copy the tag and paste it into your aspx page.