ADOBE AFTER EFFECTS:

Forum

Basics

Creative Cloud Debate

FAQ

Tutorial: Flash Videos for the Web Using Adobe CS3

COW Forums : Adobe After Effects basics

<< PREVIOUS • FAQ • VIEW ALL • PRINT • NEXT >>

•

Tutorial: Flash Videos for the Web Using Adobe CS3
by Abraham Chaffin on Dec 11, 2007 at 8:00:00 am

Adobe Flash

Flash Videos for the Web Using Adobe CS3

Overview of the different ways to create Flash Videos in Adobe CS3. In this tutorial you will learn the various methods of FLV and SWF Video creation in Adobe After Effects, Dreamweaver and Flash and learn the strengths and weaknesses of each method.

Review, Tutorial 12/11/2007
Author: Abraham Chaffin

Return to posts index

•

Flash Videos for the Web Using Adobe CS3
by Steven Panzullo on May 21, 2008 at 10:11:35 am

Wow! I have been tearing my hair out for this answer! Thanks great TUT every vid ou there shows how to build the playesr but none expalin how to upload and which files to upload with the JS code. Thanks alot

Return to posts index

•

Flash Videos for the Web Using Adobe CS3
by randall martin on Apr 3, 2009 at 6:46:33 am

This comment is over two years late, but...

I'm trying to loop a flash video in Flash/Dreamweaver and when googling this issues, the following came up:

Flash Videos for the Web Using Adobe CS3 : Adobe Flash Tutorial
In this tutorial you will learn the various methods of FLV and SWF Video ... for the video and audio, or the choice to loop the video or not. ... To import your FLV file into Dreamweaver CS3 go to the Insert menu > Media > Flash Video

Return to posts index

•

Flash Videos for the Web Using Adobe CS3
by Abraham Chaffin on Apr 4, 2009 at 7:40:42 am

Hello Randall,

Appreciate the feedback, must have been an over site on my part.

If you would like your FLV to loop you need to add a little action script inside of Flash.

After importing your FLV into Adobe Flash you will need to give the flash player an instance name by clicking on the player and then typing an instance name in the parameters window. A name such as my_player is good and used in this example.

Then click on the first frame in the time line to add some action script in the Actions Window. This example is as3 so be sure you're using an as3 document.

Add this action script code to have the movie loop:

<pre>

//import the necessary functionality

import fl.video.*;



//add a listener for when the movie ends

my_player.addEventListener("complete", the_end);



//this will execute when movie ends

function the_end(event:VideoEvent):void {

	//go to first frame

	my_player.seek(0);

	//and play

	my_player.play();

}

</pre>

Return to posts index

•

Flash Videos for the Web Using Adobe CS3
by randall martin on Apr 4, 2009 at 4:59:34 am

Everything worked!!!

Didn't expect an answer this fast, if at all, given the time frame of my comment.

Thanks...

Return to posts index

•

Inserting flash video with skin in Dreamweaver
by Sonal Dedhia on May 7, 2009 at 1:19:56 am

Hi!

I have exported an fla file to swf. It has a corresponding flv file and a SkinUnderAll.swf file.

I inserted the flash file using your instructions (Insert -> Media -> Flash). The skin does not show. So I cannot view the controls. If I run the swf file, the skin appears.

I gave a larger height to the video in dreamweaver so the skin would show. But it still does not. Is there any particular param that I should use?

Can you let me know.

Thank you for your help.

Sonal

Return to posts index

•

Flash to Dreamweaver - Skin Not Showing
by Abraham Chaffin on May 7, 2009 at 1:41:38 am

When you have used Adobe Flash to import your FLV and then also used it to export a SWF along with a SWF skin file you must make sure these two files stay together when they are published to the web.

Wherever the SWF file is moved to for your web page you must move the support SWF skin file along with it or the skin will not show up.

There is no parameter that needs to be set in Dreamweaver for finding the skin when you use this workflow because the SWF created from the FLA associates a relative path to the skin file by default, though this parameter can be easily changed with the Component Parameters window in the Flash program.

If you do not use the Adobe Flash program to create the skin and SWF file these problems are not the same for you.

There are three different workflows that are explained in this tutorial so when you cross them up you may get a little confused. The idea of the tutorial is to give you an over view and simplify the process a little.

Return to posts index

•

hi i have been struggling to
by Tenney McClane on Jun 4, 2009 at 4:18:21 am

hi

i have been struggling to get flvs to play in dreamweaver for weeks now and something just isn't working! the flv plays fine when i open it locally. but when i use dreamweaver to create a simple html page go to insert>media>flv and choose progressive download, choose a skin and insert it. when i view it in a browser it doesn't work. i have the most recent flash player installed in all browsers. i seriously have no idea why it isn't working. i have been a golive user for years and just switched over to dreamweaver because it's supposedly great with flvs. maybe i am just missing something?

please help :-)

Return to posts index

•

swf, flv, html and everything else...
by Brent Maagdenberg on Jun 11, 2009 at 1:36:19 am

firstly fantastic to read posts where there seems to be a few things in common regarding getting either swf's or flv's to play.

i fall into this category but i scratch my head for this is a process i do often following the same procedure and has worked on many of my webpages until NOW!!

starting with an flv movie i import into flash, add the skin, publish through settings so html, swf, jscript and skin is created then copy all of this into a unique folder on my local website.
Insert flash onto my webpage or html if i have changed the code to allow 'full screen'. Test in browser and all is well. Load all of this up to remote server but all i see now is the control skin and no picture.

i even go as far as recreating a new flv from the raw mpeg footage and have reloaded previously used flv's to find the same process i used to load them on the web doesn't work for the one i need as swf format on my webpage but with the flv on my server for it is pointless trying to insert monster flv's on a webpage for others may not be able to play it.

any thoughts would be great

http://krazy.co.nz/club%20physical.html

been doing the same thing for even the web address above...cheers

Return to posts index

•

dreamweaver cs3 flv visibility
by rafael landea on Jun 14, 2009 at 10:53:41 am

Hi Abraham, I followed your tutorial, trying to place a .flv video, I'm able to see it in the preview mode but I can't see it online.
I created an html page, (xhtml 1.0 Transitional is the default type in my comp.) and place the .flv file using the 'insert flash video' window.
Please help!
Thank you!
Rafael

Return to posts index

•

It was long time ago this
by marcus grip on Feb 3, 2010 at 2:25:06 am

It was long time ago this post was active but i give it a try and hope for an answer. I have done like the tutorial and have watched others to see if there is any difference wich it is not. I have done correctly, the only difference is that i made an FLV file from ffmpegX encoder from an .mov file.

I don´t know if that´s the problem or if it is anything else but when i am preview the website the only thing that shows is a white window, wich is the flash video but nothing shows or plays. no video, no skin. nothing. so i can´t get it to work even on the local level. I can´t watch the FLV file in Adobe Media Player and i do not know if it´s supposed to but that is also a hint for you. Is it the encoder or what?

Return to posts index

<< PREVIOUS • VIEW ALL • PRINT • NEXT >>

FORUMS • TUTORIALS • FEATURES • VIDEOS • PODCASTS • EVENTS • SERVICES • NEWSLETTER • NEWS • BLOGS