|
Do you want to put your videos in your personal website, or share videos with your friends in your blog and internet space? Do you have problems of uploading videos into specific format?
This tutorial will show you the way to make your videos acceptable to personal website, blog and video sharing sites and put videos in them.
What format should we have?
For this purpose, we have many choices, such as FLV, SWF files, and HTML; or WMV, AVI files (as YouTube accepts). WMV and AVI files are large in size, so here we use FLV, SWF files, and HTML.
How to generate FLV, SWF files?
Many video converters can convert home videos into FLV, SWF format. Here I'd like to use Flash Video MX Pro which can generate Flash movie (SWF) as the FLV player embedded in an HTML page for easier sharing and promotion.
More infor about Flash Video MX Pro Free download Trial
How to put videos in your personal website
Install and run Flash Video MX Pro.
Step 1. Input your video files.
Import video. This program supports many popular video formats, such as DVD, MPEG, AVI, MPG, WMV, RM, RMVB, MOV, ASF, MP4, 3GP, etc.
Edit. Here you can trim your video file and crop the border of it.
Effect. You can set brightness, contrast, and volume of the video. Deinterlace to avoid the artifact, degradation of DVD video. And flip, if the video is upside down. To quit all your settings here, you can click "reset.
Watermark. You can add image or text as your website's watermark to your video. Press, and select the right material. Then you can drag the bar to set the start time and end time for showing the watermark.
Snapshot. You can capture a picture as the first frame of the output SWF file.
CuePoint section. You can add subtitle to the video.
Click "Next to the next section.
Step 2. Output settings.
In this section, you can edit the output folder, output format, and reset video and audio parameters.
If you'd like to combine this video with another one or two videos, you can add by "Video prelude" and "Video curtain". You can also change the proportion of the video, but you’d better keep the original size for a better quality.
Step 3. Player settings.
Here you can add many personal effects to your flash video file. Such as control bar, preloader and some special effects.
Then press "Next" to continue.
Step 4. Review the parameters.
In this window you can review some parameters here. If you find something wrong, just press "Back" button to reset them.
Step 5. Convert.
After settings, this program will start to convert. The output folder will pop up as soon as the conversion is finished.
How to embed SWF file into an HTML page?
You can code the page like the following:
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<!--<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/
shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="300">
<!--<param name=movie value="mflvplayer.swf?playerOpts=targetClip*demo.flv*s">
<!--<param name=quality value=high>
<!--<embed src="mflvplayer.swf?playerOpts=targetClip*demo.flv*s" quality=high pluginspage="http://www.macromedia.com/shockwave/d
ownload/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="300">
</embed>-->
</object>-->
Well, have you noticed the mflvplayer.swf in blue?
The width="400" height="300" in black indicates the width and the height of your video.
The playerOpts=targetClip*demo.flv*s in bold indicates the name of the FLV file to be played while demo.flv is your video. You might be curious about targetClip, the asterisk separator and the "s" in the end.
In fact, playerOpts is not that simple. PlayerOpts consists of several segments, each of which is separated by "||", and each segment contains a property of the control bar. One segment is divided into 3 parts by the asterisk (*). The first part is the property name, the second part is the property value and the third part is the data type of the property. For instance, targetClip*demo.flv*s is a segment, targetClip is the property name, demo.flv is the property value and the "s" is the character string type of this property. This segment is to specify the path from which the control bar can play the video. There are also other properties. You can set multiple properties at a time, using "||" to separate different segments, code like the following:
playerOpts=targetClip*demo.flv*s||panelColor*255,0,0*c
In this way, when you are setting the targetClip property, you are also setting the panel color property. The panel color is the control bar color, the data type is color "c", and 255,0,0 is the RGB color. Please notice that the property name and data type are case sensitive.
|
