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.
Related
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>
So I have this html wrapper from Flash CS5.5, but the swf file isn't showing the video skin in PHP unless I use iframe. The problem I am having is I would like to use a similar outcome to this
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="980" height="380" id="g-max_banner" align="middle">
<param name="movie" value="im/stuff/vid.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="im/stuff/vid.swf" width="980" height="380">
<param name="movie" value="im/stuff/vid.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]-->
<iframe width="980" height="380" src="http://www.youtube.com/embed/videoseries?list=PLlLcNiMNCMn_4dR6TZQCTVfY7qo51VJ8A"></iframe>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
So that when someone doesn't have flash it pulls the youtube playlist instead. Is there a way I can do this using iframe since the video skin embedded in the swf doesn't show up on the webpage using the above code? I have tested it with a basic iframe call and the skin shows up, so I know it works fine. Thanks for any help!
nevermind, I fixed it. You can use the html wrapper in php that Flash creates. You just need to put the skin file in the root folder on your website host where the configuration file is.
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>