How to Make Web Videos like Video News on Yahoo, MSN and YouTube?

02/08/2010

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

An Interesting Tool - Make Your Video Play Directly on Your Website and Blog

12/02/2009

Socusoft Web Video Player is an interesting but powerful tool which I came across on a download site a few days ago. This program allows you to publish your video clips of various formats on your website, blog, forum and more, making it play videos directly online. It just needs simple steps to complete a web video. Different from videos on YouTube, The web video generated by this program has an embedded player, which can be fully customized.

The principle of this application with the output code is a combination of players together for your video to your web page or blog embedded in HTML. This will take you three steps to Web video. The input file only accept FLV format, so that the output of the video player to play clips. You may encounter the problem, different formats of video. Well, it has a conversion component that can accept multiple video formats, the convenience of your files into FLV format.

screenshot

Socusoft Web Video Player: http://www.web-video-player.com

Key features summary:

-- GUI is easy to navigate
-- No time or other key limits
-- Support most video formats
-- Single/batch video input and conversion
-- Quick editing of video file properties
-- Cool themes for web videos
-- Rich parameter settings for web videos
- Show / hide the playlist and video playback capability
- Extremely easy to publish online video player and built
FrontPage and Dreamweaver for - prepare files to a convenient

Deficiency of this application: It is compatible with Mac

You guys can go to its website for more information about its features and functions. As stated on its site: the trial version generates web videos with a logo at the top left corner of the web player which links to its website. The logo is no big deal for us video fans. As for trial version's another point: URLs such as company URL and advertisement links also cannot be added to the web videos. I would like to say: the advertisement links adding function is useful to businessmen and website promoters only. So, as for us, don't worry about it as there is no time limit or other key limits. We can still use it freely for fun and experience its cool features. I think you can find out more and you may report back here in the comments.

PS: Tutorial - How to make easy, such as video news in Yahoo, MSN and YouTube video on the Web

Here is the tutorial link: http://funny-video-youtube.blogspot.com

Posted in: dreamweaver tutorial| Tags: Online Blog Website web program tool output video player socusoft

Hot Posts

Latest posts

Tags

Others

Sponsors

asp.net interview questions