Need to embed a Flash animation over top of a html page!

Hello,
I've created an animation in Flash with a transparent
background which needs to be embedded into a html page with lots of
div tags. I didn't create the html page and now I need to place the
animation into that page somehow, overlapping with some text and
graphics. Every where I place the animation, it will sit before or
after the text and elements in the page and not over top of them.
Hope I am clear enought to explain what my problem is. Does anybody
know what I should do? I truly appreciate your help.
PS. I am not a technical person so if any body wants to help
me and needed the sources please email me at:
Many thanks in advance.
Mojan
Mojan

Treat Flash as any other content and place it within its own
containing div. Position the div in the normal flow of the document
allowing the div to 'stack' with the other divs above and below it.
If you want to place the Flash such that it 'covers' existing
content you can use CSS positioning techniques. Options include
absolute positioning the containing div with the Flash swf within
it (this removes the div from the normal flow of the document) and
placing it over the existing content. Us position: absolute; and
top and left, with px values to place the div where you need it.
You can find tutorials on absolute positioning in the developer
center or www.communitymx.com
You can use the float property and negative margins to pull
containing divs (or other elements) around the document, too.
Experimenting with floats can be fun but you need to read up on
their specific behavior as you can end up pulling your hair out.
Again, there are plenty of CSS tutorials on positioning and a
Google search should throw-up some options.
Outside of CSS you can use DOM Scripting and JavaScript to
also position and hide various content depending on your
requirements. If you get stuck come back on this forum and ask for
more help but provide specific code to help us.

Similar Messages

Flash animation not showing up on HTML page

I just created a test page for my flash animation, but all I
get is a blank white page. Check it out here:
http://www.inspired-evolution.com/Flash/test.html
I am adding the flash via dreamweaver CS3 under
insert>>media>>flash
the code being produced is this:
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','720','height','73','title','IE
Intro','src','IE_intro','quality','high','pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','IE_intro'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="720" height="73" title="IE Intro">
<param name="movie" value="IE_intro.swf" />
<param name="quality" value="high" />
<embed src="IE_intro.swf" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="720"
height="73"></embed>
</object></noscript>
and the html file and swf are in the same directory and both
uploaded on the server.

hello, i haven't' any idea why isn't show
tip:
read this

How to embed a Video stored in KM repository on html page

Hi All,
I have a requirement to embed a video stored in KM repository on html page.
My html page and related file referred in html code below (highlighted) are stored at following path in KM root>documents>test with the same name as mentioned in code.
Code which I got from net for embedding an .flv file on html is mentioned below but how should I modify it to take files stored in KM.
<html>
<head>
<title>Flash Test</title>
</head>
<body>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="Jacksonville" name="movie" width="425" height="305" align="center" id="movie">
                           <param name="allowScriptAccess" value="sameDomain" >
                           <param name="movie" value="<b>player.swf</b>?file=<b>Radvan_001MEDWHI.flv</b>" >
                           <param name="menu" value="false" >
                           <param name="quality" value="high" >
                           <param name="scale" value="noborder" >
                           <param name="salign" value="lt" >
                           <param name="wmode" value="transparent" >
                           <param name="bgcolor" value="#000000" >
                           <embed src="<b>player.swf</b>" menu="false" quality="high" scale="noborder" salign="lt" wmode="transparent" bgcolor="#000000" width="425" height="305" swliveconnect=true id="movie" name="movie" align="left" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="<b>install_flash_player_active_x.msi</b>" >
                         </object>
</body>
</html>
Please guide me for the same.
Regards,
Madhvika

Hi,
I have stored all the files referred in code ( player.swf, install_flash_player_active_x.msi and Radvan_001MEDWHI.flv ) at root>documents >test folder in KM repository
<u><i>Julian</i></u>
My requirement is to know, what path i should give for the files highlighted with bold in my code as they are stored in KM .
<i><u>
Praveen</u></i>
Can you please tell me how should I modify these lines in code (name of video file is Radvan_001MEDWHI.flv)
<param name="movie" value="player.swf?file=Radvan_001MEDWHI.flv" >
embed src="player.swf"
pluginspage="install_flash_player_active_x.msi" >
Regards,
Madhvika

My animation doesn't work in html page

hi guys,i want you to help me , you know is so frustated to work for long being an animation and at the final doesn't work
i've done an animation in flash using as3 code ,it's work perfetly.
the problem is that when i insert it in my page nothing happens ,before to try with browser i test the swf with a play button in dreamweaver
but nothing
when i publized only the script is seen but the images not.
i my server wamp on y computer under my folder for my website there is a folder named :images(for all images),on this folder i put the entire folder of my animation .
but i don't know why it doesn't work
i can say you all my animations with xml and AS3 in flash doesn't work in my page
please give me a magic and quick solution
thanks all of us for reading me
my english isn't so much perfect
bye

thanks you for replying me
but i solved it
--- En date de : Lun 6.7.09, Nadia-P <[email protected]> a écrit :
De: Nadia-P <[email protected]>
Objet: My animation doesn't work in html page
À: "augustine ngo ndjel" <[email protected]>
Date: Lundi 6 Juillet 2009, 11h06
It is very hard to help you without
seeing your page... do you have the files uploaded to a
server? Can you post a link, so people can look at the
code to see if they can find a solution for you.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.dreamweaverresources.com/
http://csstemplates.com.au/

Run a function in flash when click a button on HTML page

dear friends,
i have loaded my swf in an html/ aspx page. when i click a button in html page, i want to pause my swf movie. Actually swf has another movie clip i want to stop that. any option pls help me. possible send me some sample coadings.. i tried with externalInterface but no result..
or if i click a button in html page, i want to run a function existing in loaded swf....
thanks in advance...
Thanks and Regards,
Syed Abdul Rahim

Dear Mr.ned,
Greetings! i tried to put the id also, still its not working.. any ideas? find below my codings:
flash code:
import flash.external.ExternalInterface;
ExternalInterface.addCallback("methodName", method );
function method() {
    mytxt.text = "call from java script";
    trace("called from javascript");
HTML 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>jscr_rd</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">
<p>




</script>
<script language="javascript" type="text" >
function methodName() {
   jscr_rd.method();
   window.alert("hi.. u clicked me?");
</script>
<script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','widt h','550','height','400','id','jscr_rd','align','middle','src','jscr_rd','quality','high',' bgcolor','#ffffff','name','jscr_rd','allowscriptaccess','sameDomain','allowfullscreen','fa lse','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','jscr_rd' ); //end AC code
</script>
<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="jscr_rd" align="middle">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="allowFullScreen" value="false" />
      <param name="movie" value="jscr_rd.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#ffffff" />
      <embed src="jscr_rd.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="jscr_rd" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</p>
<form name="form1" method="post" action="">
<input name="but" type="button" value="click me" onClick="methodName()">
</form>
<p> </p>
</body>
</html>
pls check advice me
Thanks and Regards,
Syed Abdul Rahim

How can I have a Flash SWF file to load a HTML page?

I'm looking for a way to have Flash (CS5) to load and display a very simple HTML web page. Basically, the SWF file would be a standalone document sent by e-mail (or people would post on their web pages), and this SWF would display the content of another web page (consisting mostly in a live video on a black background)
How can I have Flash CS5 to do that??
Thank you!
-sv

Yeah maybe I wasn't clear enough... Here's the big picture.
I run a live TV station, broadcasting 24/7 on the web via a Flash application (a projector basically). The video feed is streaming on my site, as well as on numerous web sites across the net. A Flash projector is also available as a standalone application, people download and use it to watch the movies without opening a web page.
I am currently changing the broadcast method, from Flash stream to HTTP stream. But since my TV is already posted and linked in many places, I want to change the Flash object on my server with a new one, that has a HTTP stream instead of the Flash stream. It seems that HTTP stream cannot be embedded in a SWF, but it can be displayed on a HTML web page. The solution I came up with is to have a HTML page to load in the Flash player. All I would need to do is to have that HTML page to display the HTTP stream.
So from there, most of my audience would not need to change anything to watch my streaming TV, while those who downloaded the old Flash projector would need to download a new one.

Animate 1.5 Can you trigger animation from elsewhere on the html page (ie outside Adobe Div)?

I would like to use a button and jquery to trigger the animation from elsewhere on my web page (outside the Adobe Div) on Adobe Animate 1.5.
Is this possible?
(I looked here but my javacript is only beginner level. http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.5.0/EdgeAPI.1.5.0.html)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Africa</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE-Africa { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('Africa', 'EDGE-Africa', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0",
    maxW: "undefined",
    width: "100%",
    height: "3000px"
}, {dom: [ ]}, {dom: [ ]});
</script>


    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE-America { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('America', 'EDGE-America', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "100%",
    height: "2108px"
}, {dom: [ ]}, {dom: [ ]});
</script>

</head>
<body style="margin:0;padding:0;">
<div id="Stage-Africa" class="EDGE-Africa">
</div>
    <div id="Stage-America" class="EDGE-America">
</div>
</body>
</html>

Need help with placing Flash animations in Captivate...

I have a few short animations I did in Flash that I want to put in Adobe Captivate. They place fine and play fine. But I wanted to know if it is possible to have the last frame of the animation show for the rest of the captivate slide. Thanks!

If I place a .swf in a Captivate slide (v5), it allows me to drag the duration of the swf placeholder to be as short or long within the slide duration. If the swf file's duration is shorter than the Captivate slide's duration, it cuts out after X seconds, but if I drag the swf duration to match the slide, it plays as long as the slide does. Is that the info you're looking for or is there more to it?
Sean

Need To Embed a Flash Player For My wesbite

freelance seo consultant london is my website
and I want to show seo videos
how can I use adobe flash player to embed the videos to my website

The smart web sites will often adapt themselves to your phone or tablet, using something called HTML5. So most YouTube videos just work (though for some reason others don't). And those other videos you and I just can't watch on our Android phones and tablets, iPhones, or iPads.

I need to allow my customer to edit content on an HTML page within their browser. How can it be done

Hi,
I have a need for my customers to be able to edit content (text and links) within a region of a page in their browser. I read about "Editable Regions" and templates but it appears that our users would need Dw installed.
Is that true?
If so, how do you handle security so only my customer can edit content?
Is there another method I can use in any other of the Creative Cloud apps?
Is there some JavaScript that can be used?
Thanks for your help!
Franklin

Content Management Systems come big and small. The right one depends on:
your coding skills,
which programming languages & databases your server supports (PHP, ASP, ColdFusion, etc...)
project requirements,
budget
COMMERCIAL CMS
Cushy CMS (watch the video to see how it works)
No PHP or databases required.
http://www.cushycms.com
Perch
PHP & MySql required
http://grabaperch.com/
Media Carbon (formerly called "Content Seed")
No databases required
Available in ASP or PHP "Seed" versions
http://mediacarbon.com/
WebAssist Power CMS Builder (Extension for DW)
http://www.webassist.com/dreamweaver-extensions/powercms-builder/
Adobe Business Catalyst (subscription includes CMS & web hosting)
http://www.businesscatalyst.com/
OPEN SOURCE
Get Simple CMS -
PHP, no database required.
http://get-simple.info/
e107 CMS
PHP & MySql required
http://e107.org/
PyroCMS (built with CodeIgnitor)
PHP & MySql required
https://www.pyrocms.com/
Nancy O.

Flash movie will not show in HTML page

I have created 2 small *.swf flash movies using Adobe CS3 professional..
i inserted one move into indes.html and it works just fine
I inserted another into a second page and all i see is a gray box????
Both movies are in the same directory,,, both html files are in that same directory and the *.js file is there also
What could possibly be wrong here ???
Confused
ps.s it works fine when i do a F12 to test it????

The usual causes involve missing files or misnamed files. Can you provide links to the web pages that are not displaying properly?

Make a Flash animation play only when it scrolls into view

I am designing a very long page. There will be a flash animation at the bottom of the page. I want this animation to play only when the user scrolls down and this flash object comes into view. How do I do this? I am quite familiar with flash and actionscript, so I just need some pointers.
I have seen that this is already being used for advertisements. If you visit www.amazon.com, there are ads that appear far below on the page. These ads play only when you scroll down and the ad appears within the browser window. This happens on many other sites as well.
Many popular sites also use something like this. On CNN, try opening a new tab that loads a flash video. The video begins to play only when you actually go to that tab. Until you open the tab and the contents become visible in your browser window, the video doesn't start. How is this done?
Thanks in advance,
Kumar

Hmmm ... It looks like Amazon doesn't always run ads. I will give another example.
Take a look at http://digg.com/
There is a 300x250 ad at the top of the right-column. Ignore that.
In addition, there is a second 300x250 ad halfway down the page in the right column.
This second 300x250 ad appears when you scroll down.
The interesting thing is that the ad plays from the beginning when you first see it after scrolling down!
Most flash ads run for 15 seconds. After that the animation stops. When you see this second 300x250 ad, you will find it at the beginning of its 15 second animation. It plays from the beginning even if you wait for some time before scrolling down. This means that the ad is waiting for you to scroll down before it begins to play.
How is this done?
Thanks.

Get border when resizing flash anim in dreamweaver

Hello, I'm needing some help , I'm not sure weather its something i'm doing in dreamweaver or weather I need to export the flash anim with the document properties just a little bit smaller than the flash anim when exporting when in theory shouldn't have to do?
the problem I'm having is I export a flash anim out of flash I make sure the document properties and the flash anim line up so theres no visible boarder when exiting.
when I'm at the button stage and drag onto the stage to be able to export, ( sometimes I find that the flash border - say if my anim is 220 by 185 . when i click on it (dragged button with movie inside from libarary to stage)
the stage - as I am told I can't export a flash anim with an alpha white off the flash stage I have to make the stage the same size as the button -
So i make the stage size 220 by 185 when I'm dragging the button to line up to the stage I find sometimes its off?
Is there a better way to export a flash anim as it is without having to change stage properties then dragging the button to fit the stage then get url options ect.
anyways. I am finding that I am having to make the stage size (in flash ) a few extra pixels smaller than the box button 220 by 185 so what i'm doing is making the stage say 218 by 183 to then draggin the button inbetween the lines on the doccument border in flash. then exporting.
I find if i Don't do this sometimes in dreamweaver, when I open dreamweaver instert app div then import swf into the app dif then resize the swf I get a boarder.
But even then I find sometimes if i do an app div then insert media swf and resize the swf i get a border, say if i make the boarder properties in flash red.
sometimes I get a red boarder.
but on other pages say i have a about page I resized it its fine then on another page import app dive then impor the exact same swf file resize it it suddenly gets a boarder (i'm testing using red backround in flash when exporting as a movie.
why do sometimes I get a boarder around swf in an app div when importing into dreamweaver.
thanks kindly

I read this twice and still don't quite know what you're asking. Flash questions are best posted in the Flash forum.
Animations used in Web pages should be sized appropriately before you bring them into Dreamweaver. Same goes for static images. If you need a 200px wide banner, design it at 200px wide.
As for APDivs, honestly don't know why you would need one. A regular CSS division (no positioning) is all that's required for 98% of layouts. http://apptools.com/examples/pagelayout101.php
For answers to layout questions, we need a link to your test page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

On Macintosh, Adobe Reader 9 don't read flash animations...

Hello,
Ive just downloaded Adobe reader 9 and, on my iMac INTEL 20"C2D under 10.5.4, and flash animations are not read.
A right click on the site of animation says to me: "Animation unloaded", and that as well with Adobe Reader 9.0 or with Safari.
In fact, the problem started about last spring with Adobe Reader 8, after an Apple security update...
Ive contacted many times Adobe Hotline, without result.
These animations are however read without problem under Windows or on my iMac G5 with an older system...
Example, on this page: http://www.photologie.fr/indexStirLed.html, one sees a flash animation in top, on the right.
Once converted into .pdf file: http://www.photologie.fr/stirling/fichierspdf/StirLed.pdf , this flash animation is not visible any more, and the message "Put in buffer memory" appears in bottom on the right...
There is paradoxical that Adobe insists on the facility of reading animations and videos with version 9!
Do you have a solution?
Thanks!

I think that I have it: Adobe Flash Player 9 (9,0,115,0)
Thanks
Hubert

Flash animation to html conversion hairline problem

Hi. I am Suzi. I am currently working in Flash CC and working with some animations. I am needing to turn the Flash animations in to HTML and Java Script which are being viewed on iPads, iPhone and on the net. My issue is that when they are eventually view they loose all quality and also have a warning sign stating that
"Warnings generated while copying/importing in (name of the file)
*some artwork contains hairline stroke, which is not supported in HTML5 Canvas document, and has been converted to solid.
The animations come out with a lot of white section obviously the hairlines. I do not have the ability to change the 120 animations nor the time. Is there a way we can fix this problem? Thanks

This animation is a frog. When he jumps or moves we can see the white behind the frogs eyes its seems to move slower than the rest of his image. Also there seems to be white hairlines across the animation, only flashes up quickly but I cant use him this way. . Put it this way the animation doesn't come out clean. I assume its because of the stroke change. Now maybe this is not the reason.
as you can see there is a hairline across his arm. this is viewed in Fire Fox IE, etc. This is a Flash Doc changed into a HTML canvas from AS3 document format.
These animations were produced years ago and are copyright for the company i work for.
They are looking at making these flash files available on every media for their employees (coaches).
There is a PC based program called COMPOSICA that is a learning program and has modules that the teachers need to use.
This is the base of where the animations need to start. the program is then used through the web on ipad, iphones etc.
So bottom line is we need the cleanest image we can get.
So i assume that makes sense...hee hee
Thank you Suzi

Need to embed a Flash animation over top of a html page!

Similar Messages

Maybe you are looking for