Viral videos from Unruly Media
Unruly Media creates viral campaigns for the world's top brands. The video is then distributed worldwide via Unruly Media's ad distribution network. See some of the videos here:
Although flash does give you the option to publish in HTML format, this is not ideal in most scenarios as it just has a browser window displaying your movie. Your much more likely to want to publish the flash movie within a website, either as a design element or maybe just a flash video for a blog post.
If you are using Dreamweaver or a similar program, the process is still fairly simple. Once uploaded, you can locate the SWF file within your site folders and drop it easily onto the page, with your WYSIWIG (What You See Is What You Get) editor writing the code for you, you may need to make a few minor adjustments to achieve the desired effect, but this is a simple method.
If you are using notepad or a similar editor and writing your HTML from scratch it gets a little more complicated. but if you follow these tips it should be a breeze!
- Export your flash movie as a HTML file
- Open this file in a text editor (notepad etc) and copy the source code
- Paste this code into your web page where you would like the flash movie to display
- You may need to edit the path to the SWF to reflect its location on your web server, then upload the SWF and HTML file for your page.
TADA!
One SWF file applied to your web page!
Your code should be similar to this:
<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="528" height="309" id="YOURFILE" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="YOURFILE.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="YOURFILE.swf" quality="high" bgcolor="#ffffff" width="528" height="309" name="YOURFILE' align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
You may need to edit some parameters, add new ones, change your file path etc but this should get you on your way!
The Dude
Help me out by voting for this tutorial
Did this post help you? If so help us continue to grow and Digg this page or Share on Twitter!
If you haven't already, sign up to our RSS feed or register to recieve updates direct to your email!
[...] here to read the rest: Embedding an SWF in a web page | FREE flash tutorials | The Dude [...]
thanks for the info, got it working, thanks.
Nice posting. This article has been really useful to me.
Thanks