Adding Flash Files to a Webpage in Dreamweaver
Dreamweaver can insert Flash video (FLV) files, as well as Flash files with the SWF extension. In the last issue, I used Dreamweaver to add Flash video to a webpage; this time, you’ll learn how to insert Flash files with the SWF extension. The process is similar to inserting an image file, but Dreamweaver has more settings for Flash.
1 CREATE OR ACQUIRE A FLASH FILE
For this tutorial, we assume that you already have a completed Flash file (in SWF format) and you want to add it to your webpage using Dreamweaver. To create a Flash file, like the Turtle Puzzle game we’re using, you’ll need Adobe Flash or a similar program that supports the Flash format. Because Flash is an open standard, you can create Flash files with a variety of programs, including Adobe Photoshop Elements, which uses the Flash format to save automatically generated Web galleries.

KEN RIDDICK
2 SAVE FILE TO YOUR ROOT FOLDER
Before you start, move or save the Flash file into your root site folder. If you prefer, you can create a subfolder to store your Flash files. If you’re not sure what a root folder is or how to define a root folder in Dreamweaver, refer to my online tutorial, “Defining a Site in Dreamweaver,” at www.layersmagazine.com. Defining a site enables you to manage files and folders without breaking links using Dreamweaver’s Files panel (shown here).

3 OPEN OR CREATE A NEW PAGE
To add a Flash file to a webpage, open an existing page or create a new document by choosing File>New and specifying the file type in the New Document dialog. In this example, we’re creating a new page from a Dreamweaver template. You can add a Flash file to any webpage. In any case, it’s always good practice to save a new page before inserting a Flash file.

4 USE THE INSERT FLASH OPTION
Click to insert the cursor where you want the Flash file to appear on your webpage and choose Insert>Media>Flash. Alternatively, you can use the Insert Media button from the Common Insert bar at the top of the Dreamweaver workspace.

5 LOCATE THE FLASH FILE
In the Select File dialog, browse your drive to locate the Flash file that you want to insert in your page and double-click on the file to select it.

6 SET ACCESSIBILITY OPTIONS
If you have accessibility options turned on, you’ll be prompted to add alternative text. Enter a short text description of the Flash file. Use the Access Key and Tab Index options in the Object Tag Accessibility Attributes dialog to include a key command to start or control the Flash file if you want to provide an alternative to those with accessibility challenges. Click OK to close the dialog and the Flash file is inserted into your page.

7 SPECIFY FLASH SETTINGS
Dreamweaver displays Flash as a solid, gray box with the dimensions of the Flash file. Click on the gray box to display the Flash options in the Property inspector at the bottom of the workspace. As you’ll learn in the following steps, you can use these options to alter the size of the Flash file and the way it’s displayed on your page. Clicking the Edit button will open the file in the Flash program (if you have the program on your hard drive).

8 PREVIEW WITH THE PLAY BUTTON
Click on the Play button in the Property inspector to play the Flash file. In this example, the Flash file is a puzzle game so clicking the Play button displays the game options and images. (Note: When the Play button has been activated, the button text changes to Stop.)

9 TEST THE FLASH FILE
When the Play button is clicked, all the features of a Flash file are activated using the Flash Player, just as they would if the file were displayed in a Web browser. As you can see here, we’re testing this Flash puzzle game by clicking-and-dragging to move the pieces into place.

10 ADJUST LOOP AND AUTOPLAY SETTINGS
You can make a number of adjustments to the way a Flash file displays by changing the settings in the Property inspector. Check the Loop box to set the file to replay continuously; uncheck the box if you want the file to play only once. Checking on the Autoplay box causes the file to begin to play as soon as the page is loaded into a browser.

11 SPECIFY OTHER OPTIONS
Change the Scale setting to specify if the Flash file will have a border. Use the Quality setting to control the file quality that will be displayed. Note: The higher the quality, the longer it will take to download.

12 UPLOAD THE SCRIPTS FOLDER
When you insert a Flash file as we did in this tutorial, Dreamweaver automatically creates a script file to accompany it and saves it in a folder, appropriately called “Scripts.” Make sure to upload the entire Scripts folder when you publish your Flash file and webpage to your server or it may not display properly.

13 PREVIEW IN A BROWSER
It’s always good practice to preview your work in a Web browser after you upload it. You can also preview your pages in a browser on your local hard drive. And here’s a tip: When you preview a page with a Flash file and the JavaScript locally, Internet Explorer treats the script as a potential threat on your hard drive and prompts you with a security warning in the Information Bar. This shouldn’t happen when the page is published and viewed online in Internet Explorer, and Firefox (shown here) doesn’t use a security prompt with Flash.

Visitor Comments »
Comment by Miriam | July 31, 2008 @ 3:51 am
I’m not able to view my file after I upload my swf and Scripts folder. I can view flash on other websites and the when I preview the page in dreamweaver everythings fine. Not sure what is wrong. Here is my link below. PLEASE HELP!
Comment by Kenny Jackson | August 7, 2008 @ 6:25 pm
Your tutorial is wonderful, but I can see the flash perfectly in the preview in Dreamweaver and when I preview in the browser, but when I go live, it’s not there! Can you help? I’ve just spent EIGHT hours trying to figure out why!!!
Comment by Judith Balian | August 8, 2008 @ 12:19 am
Sorry to learn some of you are having trouble with your Flash files. Here are a couple of common problems to double check:
* Make sure you are working with a .swf file (if you’re using .flv file, you’ll want to follow the instructions for embedding Flash videos)
* Make sure that you upload all of the files to your server in the same relative location as they are on your local computer
* Make sure you are uploading the entire Scripts folder that is generated by Dreamweaver when you add the .swf file, and that the Scripts folder is in the same relative location to the HTML and .swf files on your server and local computer
If you’ve done all that and you’re still having trouble, consider downloading the public beta of Dreamweaver CS4 which embeds Flash files in a slightly different way from CS3 and may solve your problems. You can download the beta for a free trial from http://labs.adobe.com/technologies/dreamweavercs4/You may also want to watch the video by RC at BlipTV. He created a nice little video tutorial that covers this same process for inserting Flash files with Dreamweaver. Sometimes watching someone go through a lesson like this on video can help you figure out what you may be missing.
I hope that helps and I wish you all the best,
Comment by Janine | August 8, 2008 @ 2:09 pm
what a nice tutorial!!
hai, a i’m newby in dreamweaver. i have same troubles here when add flash file into dreamweaver template. actually when a made my template. the file is working perfectly. But when i change the template. Dreamweaver ask me wheater to update the template to other pages that i made generated from template i have made before. i choose to ‘update’ when i made change to template. but problems came… other pages i made from template can’t show the flash file.
please help mesorry for my bad english lang.
Thx
Comment by Jipi | August 10, 2008 @ 2:25 pm
i’m having the same problem with most of you. i upload my files but flash files dont appear. works fine in preview mode with firefox but not with safari. really confused.
Comment by sm | August 18, 2008 @ 5:33 am
Hi all…I was having the same problem and just figured it out. As described above (read all instructions!!), I just uploaded the SCRIPTS folder to the server and presto!! It works like a charm.
Comment by Justin | September 15, 2008 @ 9:27 pm
Hi all,
I also had these problems, but like Justin solved it, I am also trying….. but in the meanwhile I am so confused… how can I upload the scriptsfolder?? I think Dreamweaver isn’t really user-friendly. It assumes a lot of basic knowledge is already there. A normal FTP-upload program is a lot easier. I can’t get my .swf worked.
In the right-corner at the bottom it says local files but when I save, it asks to transfer depdendent files also. But where are my ftp-files?? I free simple programs you clearly see the local and ftp folder…
Thanks in advanceps since I see so many people have these problems, I still think I am not really stupid
![]()
Comment by Mike | September 19, 2008 @ 10:20 am
Comment by RC | October 7, 2008 @ 5:51 pm
I am having the same problem as Jipi, it is not an issue that is raised in a static page but when the flash file is a part of the template file and even then it is not a problem, the error occurs when the template has subsequentley been updated, even the smallest amendment. Once the site is globally updated the flash file is not visible on the page. Now I am all for banging my head on a brick wall but this is starting to hurt. Is it a bug in dreamweaver? Do I need to create a virtual link to the flash file instead of embedding it? Do I need to create the flash file as a library item and house it external to the page? Do I need to stop peroxiding my hair? Is the answer so simple that I am missing it?
HELP!
Comment by Jodie Vennitti | October 24, 2008 @ 3:42 am
Ok… finally got through to adobe and apparentley this is a known error to them, and I was advised that you cannot place a flash file in a template as dreamweaver cannot support this. Seems to be a bug, me thinks. Since dreamweaver supports flash in templates right up to the point of template amendment. ARGH…. What happens if I want a dynamic website and I want to globally update my pages without having to put the flash file in each individual page at the same point as it is my header. Adobe was of no help but if someone knows of anything that can help please share the solution. It just seems so unrealistic and antiquated that I can’t do this one standard thing.
Venting over…
Comment by Jodie Vennitti | October 30, 2008 @ 11:33 pm
Thanks so much for that Jodie. The weeks, never mind hours, I’ve spent sweating over this one. All the so called experts telling you ‘there’s nothing wrong, its you doing it wrong’, all all the time its a bug Adobe have chosen to do nothing about (and continue to do nothing about!) because hell, buy CS4 and the problem goes away! All you other strugglers, Jodie is right, place the Flash in an ordinary page, not the template and all works fine. Unfortunately when you have dozens of pages based on one template its a complete pain (and unneccessary if Adobe were honourable to paying customers). Thanks again Jodie.
Comment by Will Devine | November 2, 2008 @ 12:06 pm
Crude workaround
Ok.. My thoughts and would love feedback. Adobe suggested creating an editable region in the template that the flash file will be placed in within the final page. This will still need to be done for each page but one way to “dynamically” update all pages is to create your new flash file and name it the same and locate it in the same directory as your old flash file and this should replace the flash file in all pages. Suggestion, so as not to throw out all your pages, is to create the editable region to be of specific size so it doesnt matter too much if the flash file is of different size. I am yet to explore this but this is the tree that I will be barking up unless someone else can come up with something better.
Comment by Jodie Vennitti | November 3, 2008 @ 9:35 pm
I found a way to work around this! Templates are stored in a folder under the root folder called “templates.” The code on the page tells it to look up one folder for the swf (in my case, I just have my swf’s in the root folder). Unlike with photos, when you create a child page from that template, Dreamweaver does not update the link to the file - in my case, it was still written as ‘../header’ instead of ‘header’. What I did was move a copy of the swf’s into the templates folder and change the template to reference those swf’s instead. Then, when the child pages were created, they referenced ‘header’ and worked perfectly. The key is to make sure that the files have the same names in both locations.
Comment by Karen Pryor | November 15, 2008 @ 11:19 pm
I’ve uploaded all my files (page, music, playlist file, correctly and the scripts folder. I’ve even inserted one version of the player using code that I wrote and another that was preformatted by Dreamweaver’s placing media option as shown in the tutorial. Both work fine in preview and neither will work on the actual site once uploaded to my server. Any suggestions aside from downloading cs4? I’m trying to use the fairly common xspf music player.
My Safari Activity pane tells me the following when I open my page…
http://mysite.verizon.net/res119f7v/xspf_player.swf?playlist_url=playlist.txt&autoplay=1&autoresume=1&autoload=true&main_image=LoveTheftiTunescover-smaller.jpg not foundmy site is at http://mysite.verizon.net/res119f7v/music.html if you would like to view the source code. I’ve spent 6 hours trying to figure this thing out and it’s about to kill me.
Comment by T. Sledge | November 21, 2008 @ 1:55 am
Same issue:
Template with SWF header. Fine on Preview. NO GO on remote server. Reuploaded Scripts Folder. Still NO GO. I talked with Adobe Tech support — still waiting on an answer.I tired putting the the SWF inside an Editable Region on the Template. Still NO GO.
Here is the deal:
Made a new page from Template.
Detached from Template.
Uploaded (detached template) new page.
SWF works fine!Obviously, there is something wrong with the DWT (DreamWeaver Template) programing, as mentioned above.
Unfortunately, I don’t know how else to fix this without detaching numerous pages - or upgrade to CS4.
Thank you ALL for your feedback! This is the only place on the web that even mentions it with some sort of resolution.
Comment by Jerome L. Nelson | November 25, 2008 @ 3:22 pm
ANSWER!
I just talked with Adobe Tech Support and after reviewing my code, they found the issue. All that needs to be done is add three characters (../) of code to the template.
For some reason, even though the SWF was in the root folder, the DreamWeaver Template code did not give it the proper path to locate the file. All you have to do to fix it is add “../” right before the file name. Below is an example:
Change:
<embed src=”myFlashFile.swf”To:
<embed src=”../myFlashFile.swf”Thanks to Michelle at Adobe Tech Support for her hard work in resolving this issue!!!
Comment by Jerome L. Nelson | November 25, 2008 @ 4:29 pm
OK.. So what’s wrong if Dreamweaver isn’t creating a “Scripts” folder. Inserted the flash exacting as directed, but no Scripts folder…
Comment by Charlotte | November 26, 2008 @ 2:03 pm
Never mind… I closed out of Dreamweaver and then opened it back up and there was the Scripts folder….
Comment by Charlotte | November 26, 2008 @ 2:38 pm
I am using Dreamweaver 8 and no Script file is present. Any ideas on how to fix this?
Comment by Rachel | November 28, 2008 @ 5:14 am
i uploaded three flash videos to my dreamweaver site, and they all play instantly when the page loads. i unchecked the ‘autoplay’ and ‘loop’ buttons in the edit box, but they all still play automatically. how do i stop this?
Comment by julie | December 8, 2008 @ 6:37 pm
when i put my swf. file in dreamweaver then save it as index.html what step am i missing?
because when i put the index.html file in my public_html folder the dreamweaver background shows up, but my swf. site doesnt…
thanks,
Miche
Comment by meeko | December 13, 2008 @ 11:10 pm
This article could also assist: Adding Flash to a WebPage
Comment by Dusty | December 23, 2008 @ 5:30 am
I am trying to insert Simpleviewer from Lightroom in a layout table cell. I use Insert > Media > Flash and select the file, viewer.swf, which is in an assets/flash folder I created in my root folder, along with the other files exported from Lightroom for the gallery. Previewing the page in Safari gives me the error, “Gallery Not Found”. If I open the .swf file from the finder, it opens in a browser and looks fine. In Dreamweaver, I tried adding the “../” in the code as suggested above and that didn’t work. What do I have to do to get the gallery to work in my layout table cell?
Comment by Dale Nelson | February 19, 2009 @ 10:16 am
Hi,
What if i upload a SWF file on the website and when you click on the ad a PDF will open ie: on click through.
One question is if the view doesn’t have Acrobat Reader what happens?
Comment by shiran | February 20, 2009 @ 1:35 pm
Well, this one solved my problems.
http://kb.adobe.com/selfservice/viewContent.do?externalId=kb400483
Comment by paul | February 20, 2009 @ 2:15 pm
Alright, here is my question. I’d like to upload a swf file to dreamweaver and have it play “over” the background. As it stands now, I import the swf file and it is its own entity. I’d like to keep the background that I have created in dreamweaver, but if I, for example, have moving letters, I’d like it so that if I do not put in a background that only the animated letters will show and the background once imported into dreamweaver will be the background I have for where I place in dreamweaver. Make any sense?
Comment by D curious | February 25, 2009 @ 12:13 am
hi…ave inserted the flash file in the main template of my web…but now its not playing in any other pages…i can see it only wen i preview the maine template…help…thnx
Comment by Kazey | March 4, 2009 @ 6:06 am
I am using Dreamweaver CS4 and I use Insert > Media > SWF and select the file, viewer.swf, which is in a folder I created in my root folder, along with the other files exported from Lightroom for the Airtight Postcard Vierwer. Previewing the page in IE gives me the error, “Gallery XML Not Found”. If I open the .swf file from the folder, it opens in a browser and looks fine.
Comment by Lettie White | March 6, 2009 @ 9:53 pm
hi there, it was working perfect for me when I had CS3 but since I have in stalled DreamWeaver CS4 it is not working for me anymore, I imported flv, and swf, but it doesn’t come up with the window for Copy Dependent Files. which should include two files Scripts/espressInstall.swf
Script/swfobject_modified.js
these two files doesn’t come up after I save it.
This is was my fav tool in DW.
someone help please thank you![]()
Comment by zabe | March 8, 2009 @ 10:01 am
Hi
I insert a flash file using dremweaver as mentioned above but once i see output in browser the page alignment is disturbed. I ve never faced such problems before, i am facing this problem for a past two projects. Can anyone help me out.
Comment by Pradeep | March 10, 2009 @ 10:02 am
Please Help!
I have added a swf file to my dreamweaver file. When I save the Dreamweaver file out it isn’t creating scripts folder. I tried restarting it like someone else did and I checked the root folder and everything I can think of but its still not creating a scripts folder
B
Comment by Brian | March 21, 2009 @ 2:32 pm
Ok, so I found away around the scripts folder. Apparently its a bug in Dreamweaver that when you make changes to a Document it doesn’t change create the necessary changes to the script so you can trick Dreamweaver into generating a new scripts folder by plugging the same flas file into a generic template, then save the file out and it will generate a scripts folder you can upload to your remote host
B
Comment by Brian | March 21, 2009 @ 3:26 pm
Hello im having the same problem dreamweaver isnt generating a script folder when i save my page with a swf file embedded, how can i get around this, why doesnt dreamweaver generate the scripts folder i have read that it is an autiomatic thing that dreamweaver does but it seems mine is lazy
please help
Comment by jason | April 17, 2009 @ 10:54 pm
I have CS4 and was struggling to insert a .swf into an editable region in a template. I was getting an objectTag error. Here is what I did.
1. opened a new blank page (not based on a template)
2. inserted my swf with Insert > swf. This created the necessary script folder and dependent files
3. uploaded the basic page with my swf and its dependent files
4. copied the swf file from the basic page and pasted it into the editable region of my template based document
BINGO. The swf is now in the editable region of my template, and the script files are all there because they were generated by creating the blank page with a swf.Hope this helps put it to rest for all of the struggling we have all been doing
Comment by Teresa Gamble | April 24, 2009 @ 10:10 pm
I found many of u r having problems. I have a script, use this:
Give the width and height of the flash file and correct the path. U don’t have to include the other script.
enjoy….
Comment by Sunil Manandhar | May 7, 2009 @ 10:29 pm
Hello, I have a problem inserting flash files into dreamweaver. As soon as I click “ok” on the object tag accessibility attributes I get an error:
While executing on.click in Object Options.htm the following javascript error occured.
at line 55 of file “C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\Commands\Object options.js
cannot find file: C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\Shared\Common\empty.htmPlease help!!
Comment by David | May 18, 2009 @ 8:01 am
I have my files, and the flash file made, i haven’t put them together, because i was wondering how i get the flash file to play and then go RIGHT INTO the opening page (illustrator in dreamweaver) ,( not have it embeddened on a page- with links on the page.)
Thank you for any suggestions you might have!
Comment by Jennifer Cheuk | May 23, 2009 @ 4:54 pm
Hello,
I am trying to put a SWF for an XML-based image gallery into my web page. I am not using a template, and for the life of me all I get is a blank white box where my gallery should be. The box is the same dimensions as the gallery, so clearly it’s recognizing something, but I figure there’s a lack of communication due to the XML. Anyone else know how to fix this? Also, from everything I’ve checked, all my files look to be in the right place.
Comment by Casimir | June 2, 2009 @ 10:19 pm
Hi guys. I got a question here?
How do I import a flash file (SWF) to be my background file in Dreamweaver so that I am still able to work over the flash file? Is this possible!!??
Please help!!
Comment by Rudi Le Roux | June 3, 2009 @ 5:43 am
after 4 hours of banging my head against a brick wall over this, I finally got my Flash Image Viewer working.
1) Uploaded scripts folder
2) changed “scripts” to capitalized “Scripts” as on my root folder.Hurrah
Comment by Laura Ruiz | June 8, 2009 @ 5:27 pm
When I export the flash movie, with as an SWF file, control buttons in place on the Flash Stage and so forth, the HTML created by Flash works fine and I can upload this simple page and it plays fine (with buttons) from the server. When I “place” that same SWF file in my main Dreamweaver 4 home page, which is an editable area of a template, the flash plays automatically and there are no buttons showing. Huh?
Comment by Lawrence Peterson | June 20, 2009 @ 5:51 pm
I have been able to do this very easily using MX 2004 but now I have CS4 Flash and Dreamweaver it comes up with the error ‘unable to find plug-in’. So i downloaded the latest flash player 10, and it still can’t find it. I know im going to be wasting hours trying to figure this out, does anyone know the answer to this problem?
Comment by emma | July 1, 2009 @ 12:03 pm
Check the following for CS4 dreamweaver as mine now works,
I went into flash(CS4) and checked the ‘publish settings’ box to see which flash player was selected for my flash file, it was player 9.0 so i updated it to match the flash player i had downloaded for Dreamweaver (version 10 player for CS4 dreamweaver) and now it seems to work okay in the browser.
Comment by emma | July 1, 2009 @ 2:17 pm
Leave us a comment

- Using and Aligning Layers to a Guide
- Snapping Layers to Each Other
- Simulating a Polarizing Filter for Skies
- Quick Zoom Shortcuts
- Moving Selections, Not the Layer





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat







