How to Make Web Videos like Video News on Yahoo, MSN and YouTube?
Complete Guide – Step by Step -- Publish video and player to your website, blog or forum and more
It must be said, even though I have written this with a specific application in mind, there are many out there. These are very common and the majority are freely available. Please do experiment with different players, the one I have used here, Socusoft is OK but I think there are plenty better out there. I would love to hear of other ones you have used and your experiences with them.
Video news has now become a necessary part on news websites due to its visual representation of information to people. Below are two screenshots of video news from MSN and Yahoo. From the screenshots, we may find that they contain two main parts: video and player. We may also find that the interface is simple but less functional. It is easy to navigate.
Now, what we will discuss right here is: How to easily make video news like these or even better and more functional ones?
MSN video news
Yahoo video news
First Step: Download and Install a Web Video Player
I will show you an easy way to make such videos step by step. Before we go any further, we need to download a professional tool -- such as Socusoft Web Video Player
When installation is completed, launch the Web Video Player.
Second Step: Check Video Format -- Convert Video into FLV
Like other software, the input video files only accept FLV format so as to enable output video player to playback clips. If your video clips are different formats, you need to convert them to FLV format first. There is a simple tutorial on its website of converting video files of different formats such as MOV, WMV, FLV, MPEG-4, MPG, RM, RMVB, AVI, VOB, ASF, DV, 3GP, M1V and M2V into FLV format. Here is the link:
http://www.web-video-player.com/videoconverter.phpIf you don’t need a tutorial, you may do it yourself. Click "Convert" to launch integrated converter and convert your video into FLV format.
Third Step: Add Videos to Player
Go to "(1) Video" and click the button "Add" to add flash video (flv) files.
Fourth Step: Choose Themes for Player
Go to "Themes" and choose the template of web player for your video clips. There are lots of cool templates. Get one as you like or that matches the style of your website or blog. The program allows you to customize web player in advanced mode. Click to button "Customize Parameters" at the bottom right corner to find out more.
Sixth Step: Publish Video and Player on Your Computer
When finished the above steps, go to the sixth step "Publish". Click the button "Publish Now" to integrate your video with player. Your video has right now been embedded a cool player. You may click "View Web Page" to preview your web video.
Last Step: Upload Files – Publish Video to Your Website or Blog
1) Publish video to your website
Click "Open Output Folder" and use upload tools such as CuteFTP to upload all of the files in the folder of "output" to your web space. You may create a new folder on your web space first such as "video" for the output files. If the created folder is in the root directory, the URL of your web video should be:
http://www.*****.com/video/***(name of the published html file).html
2) Add web video to your blog or forum and more
You may also add your published web videos to your blog or forum and more. Here is an example of adding videos to google blog.
Click "Open Output Folder". Then, open the html file with FrontPage, Dreamweaver or Notepad. The html file is the same with the one uploaded.
Right here, I use Notepad to open the above-mentioned html file and switch to the code mode and change the paths like the following screenshot. Please note that you need to input your website URL instead of " *****.com" as shown below.
After that, copy the code between "object" as above. Go to your google blog and paste the code as shown below. After that, publish the post. You may now view your web video on google blog.
Sample:
http://funny-video-youtube.blogspot.comSome blogs may not support HTML well. If so, you may also use the following code, which is simple. That is, "iframe" plus "the path".
Edited to remove advertising
