How to Make Web Videos like Video News on Yahoo, MSN and YouTube?
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
?
Video news and information has become a necessary part of the news website for people to express visually. The following video news from MSN and Yahoo are two screenshots one. From the screenshot, we are two main parts: one may include a video player. In addition, the interface can easily find the following features. It is easy to move.
?
Now, what we will discuss right here is: How to easily make video news like these or even better and more functional ones?
?
[img]http://farm4.static.flickr.com/3340/3301845099_72a6cbea95_m.jpg[/img]
?
MSN video news
?
[img]http://farm4.static.flickr.com/3620/3301845105_640b7738e3_m.jpg [/img]
?
Yahoo video news
?
First Step: Download and Install Socusoft 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 -- Socusoft Web Video Player from http://www.web-video-player.com
?
When installation is completed, launch Socusoft Web Video Player.
?
Second Step: Check Video Format -- Convert Video into FLV
?
Like other software, enter the video file only accept FLV format, so that the output of the video player to play clips. If your video clips in different formats, you need to convert them into FLV format first. There is a conversion of tests on their means, WMV, FLV file, the MPEG - 4, fuel economy, room, RMVB, Avi, VOB, and amateurs, digital video recorders, 3GP, M1V and M2V into the FLV format, different formats video file a simple tutorial Web site. Here is the link:
http://www.web-video-player.com/videoconverter.php
?
If you don't need a tutorial, you may do it yourself. Click "Convert" to launch integrated converter and convert your video into FLV format.
?
[img]http://farm4.static.flickr.com/3395/3193139999_405d97862d.jpg?v=0.jpg[/img]
?
Third Step: Add Videos to Player
?
Go to "(1) Video" and click the button "Add" to add flash video (flv) files.
?
[img]http://farm4.static.flickr.com/3479/3193140001_dc2eec78f9.jpg?v=0.jpg[/img]
?
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.
?
[img]http://farm4.static.flickr.com/3259/3193140007_342fd3f0d8.jpg?v=0.jpg[/img]
?
?
Fifth Step: Advertising Function (For registered users) -- Add advertisement and link to video and player
?
Some people may want to add advertising, video and player, this is another link in the product advertising and website promotion strategies to consider. So, Socusoft web video player has advanced functions such advertising templates, but only registered users. In other words, you need to buy the program, and then use the software product name and code to register in order to enjoy the full-featured.
?
1) Prepare advertisement image
?
Ad image format, gif format can be JPEG, PNG or SWF jpg format. On if, when you add a link to the image of the target ads, image formats, JPG and GIF JPEG PNG's can do. Cases, Web links if you want to add images to target ads to the page, SWF format you need. URL to the image simply to add a Flash Slideshow Maker is, Macromedia Flash by, SnagIt, you can use other tools, swf format and save it as.
?
[img]http://farm4.static.flickr.com/3297/3271548152_f8b5b06512_m.jpg [/img]
?
2) Choose advertising templates
??
Go to "Themes" and choose the template of web player for your video clips such as the template "Advertisement".
?
[img]http://farm4.static.flickr.com/3308/3270728241_f51ea04369_m.jpg[/img]
?
3) Add image to player
??
Now go to the advanced mode. Click button "Customize Parameters" at the bottom right corner. Then, Click the blank field of Advertisement and get the advertising image.
?
[img]http://farm4.static.flickr.com/3432/3271548952_a32d05cfd3_m.jpg[/img]
?
Sample:
?
[img]http://farm4.static.flickr.com/3423/3271548616_366ed3d4f5_m.jpg[/img]
?
4) Add link to video
?
If you need to add target links to videos, go back to "(1) Video" and choose videos that you need to add target URL to. Then, click the button "Edit". There will be a pop-up dialogue.
?
Go to "Target URL" and input the link such as company website. Please remember to add "http://" first.
?
[img]http://farm4.static.flickr.com/3411/3308306592_568eb49c1b.jpg?v=0.jpg[/img]
?
Sixth Step: Publish Video and Player on Your Computer
?
When the second step 6
?
[img]http://farm4.static.flickr.com/3474/3193140009_b9b4927179.jpg?v=0.jpg[/img]
?
Last Step: Upload Files - Publish Video to Your Website or Blog
?
1) Publish video to your website
?
Click "Open output folder", and the use of such tools will be available on CuteFtp contained in the "Output" folder all the files to your web space. You can create, such as "video" output file in your web space, the new folder. If you create a folder in the root directory, your online video Web site 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.
?
[img]http://farm4.static.flickr.com/3328/3308306612_bc47a5e070_m.jpg[/img]
?
Right here, I use Notepad to open the above html file, and then switch to Code mode and change the paths, as the following screenshot. Please note that you to enter your website URL instead
?
[img]http://farm4.static.flickr.com/3352/3308306660_81070bb896.jpg?v=0.jpg[/img]
?
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.
?
[img]http://farm4.static.flickr.com/3347/3307476797_b6eea7a1c4.jpg?v=0.jpg[/img]
?
Sample: http://funny-video-youtube.blogspot.com
?
Some blogs may not support HTML well. If so, you may also use the following code, which is simple. That is, "iframe" plus "the path".
?
[img]http://farm4.static.flickr.com/3427/3307476823_c5871f7de0.jpg?v=0.jpg[/img]
?
?
Posted in: dreamweaver tutorial| Tags: web yahoo step video img news player socusoft msn flv