Intro to Flashvars | Passing variables to actionscript from the html embed | Tutorial

I’ve had a couple special requests to explain flashvars and how to use it and show it in action.

Overview

The property “FlashVars” can be used to import root level variables to the flash movie or swf. The flashvars propery is used in codes for embedding flash in the html page. The string of variables passed in as flashvars, will be imported into the top level of the movie when it is first instantiated. Variables are created before the first frame of the SWF is played. The format of the string is a set of name=value combinations separated by ampersand (&) symbols.

Steps

  1. Include the flashvars property in your embed codes and voila! You have these variables to use in your swf.
  2. That’s the one step

Code

HTML Embed Codes

1
2
3
4
5
6
Here's some sample embed codes, including object and embed tags:
<object width="540" height="240" title="sample">
  <param name="movie" value="flashvarsTutorial.swf" />
  <param name="flashvars" value="var1=here&var2=are&var3=my&var4=flashvars" />
  <embed src="flashvarsTutorial.swf" flashvars="var1=here&var2=are&var3=my&var4=flashvars" type="application/x-shockwave-flash" width="540" height="240" ></embed>
</object>

Actionscript using flashvars

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//flashvars="var1=val1&var2=val2&var3=val3";

display("var1 = "+ var1);

display("var2 = "+ var2);

display("var3 = "+ var3);

display("var4 = "+ var4);

function display(todisplay:String){
  feedback.text += todisplay+"\n";
  trace(todisplay);
}

Example

Page 1 (var1=val1&var2=val2&var3=val3)
Page 2 (var1=here&var2=are&var3=my&var4=flashvars)

Source

Download the html files and the fla and swf in this flashvars.zip

This entry was posted in tutorial and tagged , , , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

29 Comments

  1. Posted August 7, 2008 at 7:39 am | Permalink

    Hey.

    Nice example for start..!

    You have managed your blog very well :)

  2. pedro
    Posted August 22, 2008 at 3:37 am | Permalink

    Hello, I have the files and everything and i was testing around with the fla file and the html page so it will only show up var 1 and 2 but even tho when i take them out of the fla and html page var 3 and var 4 they still show up and say undefined on it.. help?

  3. Jason Min
    Posted November 24, 2008 at 3:31 pm | Permalink

    If you use CS3 and publish html, you need to add
    In the AC_FL_RunContent code the following:

    ‘FlashVars’, ‘var1=val1&var2=val2&var3=val3′

  4. Posted January 3, 2009 at 8:25 pm | Permalink

    Thanks. It worked. I never knew it is so easy. I was actually messing a lot with the ActionScript 3.0 although I was only looking for something very simple like the example you provide. It was useful.

  5. hanafi harron
    Posted March 7, 2009 at 7:57 pm | Permalink

    Your example works while others I tried don’t. Thank you so much.

  6. Posted March 27, 2009 at 12:46 pm | Permalink

    Thank you very much. I found this example quite clear, compared to some others loose on the interweb.

  7. Steven
    Posted May 28, 2009 at 7:58 pm | Permalink

    I just downloaded the examples and tried running everything as is and I got “undefined” for all 4 variables. I tried with CS3 and CS4, any ideas on why that happened, is there some kind of setting that I need to enable? Please help…

    • Posted May 30, 2009 at 7:31 am | Permalink

      The flashvars will show undefined if you’re running from flash. They way to pass flashvars to the swf is in the embed code. So to actually test it you have to actually put it into an html file, good luck!

      • Fryshan
        Posted September 16, 2012 at 8:57 pm | Permalink

        how to use flashvars in loading the mp3 files?

  8. G Dhurba
    Posted September 8, 2009 at 8:54 am | Permalink

    How do I load xml through flashvars?

  9. Posted September 13, 2009 at 3:06 pm | Permalink

    http://circlecube.com/2008/04/tutorial/xml-and-flash-actionscript-made-easy-parse-xml-to-object-tutorial/ – here’s one example I’ve already written about. There are plenty of ways to do it and the best way for you may depend on a few factors (for starters, as2 or as3?)

  10. Posted January 5, 2010 at 9:38 am | Permalink

    Nice clean tutorial and the examples work for me, but I wonder why as I can’t use the same approach in my class file.

    Why doesn’t the AS3 compiler complain that these variables are undefined?

  11. Posted January 5, 2010 at 4:03 pm | Permalink

    @Tristan – notice that this is for as2. I have another tut for as3 and flashvars… http://circlecube.com/2009/12/tutorial/flashvars-and-as3/

  12. Posted February 14, 2010 at 2:44 pm | Permalink

    Hello,
    The tut works great if just testing as is, but when I add the AC_FL_RunContent() script, with
    ‘flashvars’, ‘var1=here&var2=are&var3=my&var4=flashvars’,

    added in the AC code, it does not display. I’ve been searching for hours to come up with a solution that will work for FlashVars.

    Thanks much,
    Greg

  13. Posted February 14, 2010 at 8:10 pm | Permalink

    Have you looked at SWFObject? It works great and gives you a variety of options for displaying your SWFs.

  14. Posted February 16, 2010 at 11:07 am | Permalink

    @Greg – yes I love swfobject, it’s the only tool I use anymore for embedding flash content online. CS5 will actually use swfobject rather than AC_Active whatever trash it uses currently.

  15. Aleksandur
    Posted March 23, 2010 at 7:36 pm | Permalink

    Hay can you make the link of banner variable and change it when you want?

  16. Posted May 8, 2010 at 10:58 am | Permalink

    Hey.. I’m working on an html site with an swf navigation bar, the thing is everytime we click on one of the buttons of the navigation, the html page refresh and the button regain its initial state.
    Here is the site : http://www.madeforbeirut.com/
    I’ve been told to use “flashvars” but i don’t know how to do it coz i’m not developer.

    Plz if anyone can give me the code for AS2 and tell me how it’s done.. it would be soooo helpful !!
    I hope my explanation is clear.
    Thanks for ur help!!! and hope to get an answer asap.

    Presy
    [email protected]

  17. Joshua
    Posted October 23, 2010 at 12:56 am | Permalink

    Great tut.

    I am looking for an solution to load dynamic xml files from flash using flashvars.

    In my as2 code, I want to change:
    xml.load(“songs.xml”);

    to

    xml.load(“$variable from flashvars.xml”);

    Is there an easy answer I am missing? I can’t find a solution anywhere.

  18. Posted January 1, 2011 at 3:36 pm | Permalink

    I’ve looked at about six tutorials about flashvars and all have the same problem:

    None of them list the various commands that you can insert as flashvars. What the heck can I and can’t I tell my instantation to do?

    For instance, can I tell it to autostart or not? Loop? Play onmouseover? etc.
    Why don’t any of you teachers give a list?

    Thanks

    • Posted January 1, 2011 at 9:52 pm | Permalink

      @Michael Storer – You can tell it to do anything. But it won’t do it automatically. Say you wanted to tell it to autoplay, you’d pass in a variable autoplay=true, and then in your actionscript you handle the autoplay and if it is true you have it play while if it’s false you don’t have it play. I guess no one includes all the possible commands you could put in your flashvars because they are really limitless. There is no set list of accepted flashvars, they are external settings to your internal code. So if you wanted to make something autoplay it could use any number of variables to represent that: autoplay, autoPlay, autoStart, auto, begin… it really doesn’t matter, you just have to use the same term in your actionscript. Hope that explains it well for you to get the idea, if not, I’m all ears. Best!

  19. fahmy
    Posted January 1, 2011 at 7:46 pm | Permalink

    Dear, thanks for the above blog, i do have a question please.
    i do have a photo gallery website the swf fil html and xml are not located on the same directory the photos in this template are save in a sub folder gallery/first gallery/ example.jpg etc…..

    my problem is; every time i try to add the swf file to powerpoint it doesnt work well, because it might be somthing making the swf file to play on the html page only. can you provide any support please?

    • Posted January 1, 2011 at 9:46 pm | Permalink

      @fahmy – so you have a gallery that shows up fine in an html page ina browser but you’re trying to load the gallery into a powerpoint? I’m not too familiar with powerpoint playing flash files at all, you’re loading the html through the powerpoint?

      • fahmy
        Posted January 2, 2011 at 1:42 am | Permalink

        yup the SWF file is wroking fine on the HTML page, but it doesnt work on powerpoint because of some reason, may be because the SWF data are saved in diffirent folders, i’m loading the SWF file that should read from the XML file that has all the saved properities and photos path on the disk.

        • Posted January 3, 2011 at 3:12 pm | Permalink

          @fahmy – I’d search around for swf display within powerpoint. I’ve seen it done before but I’ve never had the “pleasure” to work directly in powerpoint. Best of luck

        • Posted January 8, 2011 at 6:54 pm | Permalink

          Can you explain the path or file stucture of the xml as it relates to Powerpoint. I can help explain why stuff does and dows not work in ppt when it comes to loading xml or any other external content.

          • Fahmy
            Posted January 15, 2011 at 11:49 pm | Permalink

            I have changed the whole presentation interface from the ppt to another software that gathers the whole flash and HTML, XML, and sources in one EXE file, it takes longer while to load but it works normally, my problem with ppt was:
            i have a very small size .SWF file that means it may not work as a stand alone file because it recalls the resources like JPGs, MP3 from another folders and subfolders something like Flash/Gallery/First gallery/Thumb/photo.Jpg and Flash/Gallery/First gallery/Image/photo2.Jpg…it has a normal XML file and i dont have the flash source to modify the way it runs.

  20. Posted January 8, 2011 at 6:50 pm | Permalink

    Here is a tutorial for passing flashvars directly to embedded shackwave flash object in ppt. You can download the example used in the video. You can also pass flashvars using VBA.

    http://www.slidedynamic.com/support/forum/4-flash-in-powerpoint/12-tutorial-passing-flashvars-to-flash-in-powerpoint

    let me know if you need more information or help.

One Trackback

Subscribe without commenting

  • Recent Posts

    speaker-lineup

    Presenting at WordCamp Atlanta – Child Themes

    The presentation? Your firstborn child theme. Child themes 101+2. I’m speaking at wordcamp atlanta this afternoon about themes and child themes. I’ll update this post with post-presentation notes. Learn how to mod themes the right way. Using child themes you won’t loose your edits when there’s a theme update. (101) We’ll go over the advantages [...]

    hooks-nutshell

    Hooks, In a Nutshell – WP Daily

    I’ve published another article over on wpdaily.co exploring the concept of hooks. I remember when starting out that people kept mentioning hooks and filters and actions and… it took a while to grasp what they each meant. I think the first time I started to grasp it was when I read the codex and saw [...]

    speaker-lineup

    Speaker at WordCamp Atlanta 2013

    I’m excited to be speaking at WordCamp Atlanta again this year! The time is quickly approaching for WordCamp Atlanta 2013, March 15-16. I spoke last year and discussed the process of going from Photoshop PSD to WordPress Theme, here are my slides and notes for that WordCamp Presentation. This year I’m speaking along the same [...]

    many-theme-options

    WP Features: Theme or Plugin

    Reading my wpdaily.co updates today and saw this post talking about WordPress theme features. Eric explains the debate: Generally-speaking, the conversations have always circled around features: There are those that believe every feature you could ever imagine should be included like text color, font selector, and more. On the flip-side, there are those that feel [...]

    Packery Preview, from Metafizzy & descended from Masonry

    David Desandro / metafizzy, maker of masonry and isotope of which I’m a big fan and user of has been busy with a new project called Packery. Packery, looks to be a child of Masonry. As you would expect it seems to be pushing things much further and addressing a few pain points of masonry. [...]

    trent-walton-thumb

    On Going Responsive (responding to Where to Start)

    I needed to write this up about going responsive in response after reading Where to Start (by Trent Walton of Paravel) about getting started with responsive web design. Thanks for sharing your thoughts Trent, I agree whole heartedly. In my experience it is the same. I wanted to share his post and also add my [...]

  • Recent Comments

    Evan Mullins

    Evan Mullins

    The keystore is used for creating valid apps that are associated with the author. It is not...
    Rohan Dave

    Rohan Dave

    I am new in android and have certain question about KeyStore. Is KeyStore used in user...
    arpit

    arpit

    very useful thank you …..
    Duan

    Duan

    @ugh You’re joking, right? I do some basics in Flash, but come on – all you do is...
    Cátia Vala

    Cátia Vala

    Thank you so much Evan! That’s great! Keep going with your amazing work. :)
    zproxy

    zproxy

    thanks :) i bet its faster to google and find some ad hoc documentation than the other way.