How to Add a Play Button for Your Video on Web Page?
Would you like upload your video on web page with a play button you made?
This article introduces you how to make a play button for your video on web page.
First, convert various video into FLV. (FLV is the most popular format of online video). Then make a play button you like. At last, we put them onto web page.
This video is used only as a sample.
Who may need this article:
Video lovers always have numbers of videos in various formats, why don’t you share them on your web page with other people.
If you don’t know how, this tutorial will be for you.
In this article, you will get to know:
- How to convert various videos into FLV
- How to make a play button for video
- How to put video on your web page
What are needed:
Step1: Convert your videos of different formats to FLV:
Select the video you want to convert. Open Video Encoder for Adobe Flash, and select a video file. Almost all of video formats are supported including AVI, MPEG, MOV etc..
You can also crop and trim the video. Then click “next”.
Specify audio and video settings for output FLV, and click “next”.
Select “Generate FLV”, “Generate SWF”, “Generate HTML”, and “Auto play”.
Also select “Get the FLV path from a URL variable and play progressively” and specify a name. Click “next”.
Choose skin and style for playback
The Conversion is in progress.
When the conversion is finished, you will get your flv, swf, and htm files.
For preparation, click swf and capture (with HyperSnap 6) the playback image at the starting point like this, and save as playbox.jpg.
Here its dimension is 322*284.
Step2 How to make a play button for video
Open Macromedia Flash 8 and choose Flash document in Create New
Click Size button at the bottom of the program to change document dimension.
This will pop up. Please insert the dimension of playback.jpg
Click “File >Import >Import to Library…”, and select the image of playback you just captured.
Then playback.jpg will be in Library on the right. Drag it to Stage
Please change the values of X, Y to 0; it will coincide with the white background.
In Stage, right-click on the playbox, and select Convert to Symbol…
Just select Graphic and click OK. Then it will be in library.
Please select an
Tags: action script, encoding, flash video, flv encoder share flv, flv player, play button, player skin, swf player
October 11th, 2008 at 10:54 am
This is a very nice article. I like this very much.
———————–
lauran
Win a share of 1 Million Euros for 5.50
December 8th, 2008 at 5:06 pm
iam fully satified and able to understand easily.
thanking you
p.vishnurathan
Inida
December 10th, 2008 at 8:15 am
Interesting tutorial, thanks and keep up the great work.
April 15th, 2009 at 9:06 am
I rarely comment on blogs but yours I had to stop and say Great Blog!!
April 28th, 2009 at 9:23 am
Very nice site!
May 1st, 2009 at 8:39 pm
I bookmarked this site, Thank you for good job!
May 1st, 2009 at 11:13 pm
I want to say - thank you for this!
May 12th, 2009 at 7:10 am
Great work, well researched
May 12th, 2009 at 10:16 am
Great site, Good info
May 12th, 2009 at 4:50 pm
Very interesting site, Hope it will always be alive!
May 20th, 2009 at 7:24 am
Thanks for the review! I want to say - thank you for this!
June 4th, 2009 at 12:21 pm
Hi, good post. I have been woondering about this issue,so thanks for posting. I’ll definitely be coming back to your site.
June 8th, 2009 at 1:15 pm
If you want to improve your site backlinks, this seo tool is special for you.
June 22nd, 2009 at 12:32 pm
Great Article! Thanks a lot for given this….
June 23rd, 2009 at 2:07 am
Thanks
June 26th, 2009 at 12:29 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 1:05 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 1:41 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 9:12 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 9:50 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 10:34 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 11:13 am
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 12:37 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 2:01 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 2:41 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 3:21 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 4:03 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 5:24 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 6:42 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 7:19 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 8:41 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 9:19 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 9:57 pm
Hello! Nice Site, I’ve really like it.
June 26th, 2009 at 10:34 pm
Hello! Nice Site, I’ve really like it.
June 30th, 2009 at 6:49 pm
Very nice site!
July 14th, 2009 at 9:27 am
Very nice site!
July 17th, 2009 at 1:54 am
Very nice site!
July 20th, 2009 at 5:37 am
Very nice site!
July 30th, 2009 at 5:21 pm
Very nice site!
August 11th, 2009 at 4:12 pm
Hello!
I very much liked your site!
Good luck!
August 11th, 2009 at 4:13 pm
Hello!