How To Play FLV Video Files

Flash Video referred to a proprietary file format, having the extension FLV.FLV is a file format that mainly delivers video content over the Internet.It is the file format of choice for giants such as YouTube, Google Video and MySpace, Reuters.com, Yahoo! Video, and many television news operations are also using Flash Video on their websites.. Since these listed sites contain millions of video clips, FLV files are spreading like wildfire across the web.

Flash Video is viewable on all operating systems, via Adobe Flash Player.but how to play FLV file offline on windows media player ?? when i want to play FLV file on windows media player it givers error or play only voice of video. This article will show how to get these files to play on Window Media player for free properly.

Software you need:
K-Lite Codec Pack
K-Lite Codec Pack is a collection of codecs and related tools. The K-Lite Codec Pack is designed as a user-friendly solution for playing all your movie files.
Download


After downloading Codec pack run the exe file.

FLV Video file Play free Windows media player
Click Next.


Browse the Drive,folder where you want to download this pack.

FLV Video file Play free Windows media player
checking the Windows media classic will also download Windows media classic player.uncheck the windows media classic.


Check the Video formates to all.it will included flv file

FLV Video file Play free Windows media player
Please wait while setup install K-Lite Codec Pack on your computer.

FLV Video file Play free Windows media player
At last click on Finish button.

FLV Video file Play free Windows media player
Now you can play all FLV files on Windows media player.

ASP.NET Master Page Tutorial Part-10 (Moving Css To External Css File)

In previous post ASP.NET Master Page Tutorial Part-9 (Redifining Body Tag) Using Expression Web i told you how to redefine css body tag and how to redefine all of the text on the display area of page.

Microsoft Expression Web has a nasty habit of automatically creating CSS code for you.If you let it, it will create quite a CSS mess for you to work with.It's much easier to create your CSS code and then apply it to page elements as you add them to your page or you can move all css code to external file like myformate.css,main.css etc.. So let me show you how to move all css code to external files and how to create and use it in our ASP.NET website master page.


Moving Css to External css file

You can see all Css code inside page in Code view.

Moving Css to External css file

What is Page View in Microsoft Expression Web ?

Design View: This view is WYSIWYG. You can create and edit web pages using the design controls in this view.

Split View: In Split View you can review and edit web page content in a split screen format that offers you a simultaneous access to both the Code and Design views.

Code View: In Code View you can view, write and edit the HTML tags yourself with the optimize code features provided.

For switching between these three views you can use the keyboard shortcuts Ctrl+Page up or Ctrl+Page Down.

Now here we make new css file.

Go to File > New > Css

Moving Css to External css file

This will open new untitled.css file,again go to file save this css file in your current file location.

Moving Css to External css file

Or save this Css file in new folder called Css.Give this css file name "mylayout".

Moving Css to External css file

Again make make new css file by following same steps above,give this css file name "myformat"

Moving Css to External css file

If css file was saved in current folder not in css folder you can easily drag n drop css file in css folder in folder list pane as shown in picture.

Moving Css to External css file

Now again make new ss file called main in css folder.

Moving Css to External css file

Here we have three new css files in Editing window.

Moving Css to External css file


Editing window is the area in Microsoft Expression Web where you create and modify your Web Pages.
The top of the Editing Window shows the files that are open in the form of tabs. The file you are currently working on is highlighted. You can close the current page or file by clicking on the cross displayed on the extreme right corner of the Editing Window. You can switch between the tabs by keyboard shortcuts Ctrl+Tab or Ctrl+Shift+Tab.


Now Click on how_2_do.master,in manage Styles click on Attach Style sheet.

Moving Css to External css file

Browse the style sheet

Moving Css to External css file

file the current file location > css folder,select one style sheet as shown in picture.here i select myformat.css file.

Moving Css to External css file

Click ok.

Moving Css to External css file

Again attach another style sheet follow the same procedure above.here i select mylayout.css file.Click ok.

Moving Css to External css file

In manager styles you can see both css files myformat.css and mylayout.css added.

Moving Css to External css file

Now just drag n drop all format styles from current page to myformat.css and site layout styles in mylayout.css files.

Moving Css to External css file

Moving Css to External css file

Here you can see all format styles in myformat.css file.

Moving Css to External css file

And all layout style in mylayout.css file.

Moving Css to External css file

It is particularly useful to keep one Css file for the entire website rather than having individual CSS styles in every page, advantage of having a separate CSS file is, it is easy to update and maintain the look and feel of the entire website from a single file. That is why it is better to create an external CSS file.
We made two Css file myformat.css & mtlayout.css.you can also move both these files in one called "Main.CSS".

For moving both css file click on main.css in editing window,in manage style click on attach style sheet.

Moving Css to External css file

Brwose the myformat.css & mylayout.css from current file location from css folder.

Moving Css to External css file


Here you can see both css files moved in main.css.

Moving Css to External css file

Now how to apply this main.css file in our Asp.net website? to do so go to how_2_do.matser from editing window as shown in picture and remove both css files previously applied ie.. myformat & mylayout.

Moving Css to External css file
After removing both file our master page looks horrible don't worry about that.you have to attach main.css file.

Moving Css to External css file

browse the file from file location.

Moving Css to External css file

Ahh.. now its looks better.now we can handle all css file easily.

Moving Css to External css file

In masterpage code view you can see an external css file is added.

Moving Css to External css file

Next part i will show you in another ASP.NET Tutorial ASP.NET Master Page Tutorial Part-11 (Adding Content Region/ContentPlaceholder).

ASP.NET Master Page Tutorial Part-9 (Redifining Body Tag)

In previous post ASP.NET Make Master Page Tutorial Part -8 (Bottom Navigation Links ) i show you how to add Bottom Navigation links and another Div which holds another ContentPlaceHolder control in the master page.
The big advantage with CSS is that you can create your 'own' tags by creating classes.In Microsoft expression web we can redefine the HTML tags like BODY, P, STRONG etc more easier, more logical and leaner.
Here i show you how to redefine css body tag.It will redefine all of the text on the display area of page.

For this go to manage style > New Style

Microsoft expression web tutorial for redefine body tag

Name this style to body.In Font category choose font-family,font size etc.. whatever you want.Click Ok.Redefining body tag will effect on everything in display area of page.

Microsoft expression web tutorial for redefine body tag

Here is example of Tahoma font.you can see whatever i write is in Tahoma font also you see no changes in navigation links,bottom navigation links font because they have there own styles defined previously.
Redefining body tag effect on colors,text size, text font etc.., as long as there is no other style specified.
Microsoft expression web tutorial for redefine body tag
Next part i will show you in another Tutorial.ASP.NET Master Page Tutorial Part-10 (Moving Css To External Css File) Using Expression Web

ASP.NET Make Master Page Tutorial Part -8 (Bottom Navigation Links )

In previous post How To Make Master Page in ASP.NET Part -7 (Navigation Links) i show you how to make navigation user interface by static links in sidebar of ASP.NET website.in this tutorial i show you how to add Bottom Navigation Links and another Div which holds another ContentPlaceHolder control in the master page.
Now in the master page, make new Div tag called #contentbottom in #main div tag,below #maincontent (as shown in picture)where the content pages will insert their custom content.When users request the content pages, ASP.NET merges the output of the content pages with the output of the master page.this #contentbottom gives more flexibility to master page.

expression web asp.net master page tutorial navigation toolsIn the lower right hand corner of the screen you will see the Apply Styles box. If you don't have this box select it from the Task Panels menu in the top menu bar of Expression Web. Click the New Style button in the Apply Styles box. This will bring up the New Style dialog box.Now we want to make new style called #contentbottom.go to Box Category set padding 10 px to all.

expression web asp.net master page tutorial navigation tools
Now after applying new style you can see something like this.

expression web asp.net master page tutorial navigation tools
Now make new style called .clear.this style is a class style,the advantage is that we can use class style as many times on same page.

What is Clear style in css ?
The CSS clear property is used to for control flow when using the float property. Using CSS clear, you can specify whether to keep one or both sides of an element "clear".

Possible Values of Clear style:

none - floating elements can appear on either side.
left - floating elements can not appear on the left (i.e. keep the left side "clear").
right - floating elements can not appear on the right (i.e. keep the right side "clear").
both - floating elements can not appear on the left or right (i.e. keep both sides "clear").
inherit.
now go to layout category,in clear tab fix the value to both.

expression web asp.net master page tutorial navigation tools

Now click on #contentbottom the apply .clear style to it as shown in picture.

expression web asp.net master page tutorial navigation tools

Ahh.. you can see the #contentbottom is bellow the #sidebar.

expression web asp.net master page tutorial navigation toolsNow add one more div at the very bottom before the last div called #bottombar.go to apply new Style,in background category select the color you want.

expression web asp.net master page tutorial navigation tools
In Box Category set the padding 10 px to all.Click ok.

expression web asp.net master page tutorial navigation tools
You can see like this.

expression web asp.net master page tutorial navigation tools
Now in code view, click <.ul.> tag as shown in picture copy the navigation content.

expression web asp.net master page tutorial navigation tools
And paste it in #bottombar tag as shown in picture.

expression web asp.net master page tutorial navigation tools
Click on deign view you can see the navigation content is added in bottom bar.

expression web asp.net master page tutorial navigation tools
Now redefine the li tag to manager this style.go to manage style,in current pages tab find the li tag,right click on li tag,click on click on "New style copy".this will copy all properties of li tag and give another new li tag.
now make new style called #bottombar li.this style is ID style becouse we can use thid=s style only on #bottombar div.

expression web asp.net master page tutorial navigation tools
In Layout category set display to inline

expression web asp.net master page tutorial navigation tools
In Font category set the properties what you want.Click OK.

expression web asp.net master page tutorial navigation tools
You can see like this.

expression web asp.net master page tutorial navigation tools
Now modify the #bottombar style in Apply style box,find the #bottombar tag,right click on #bottombar style .click on modify style

expression web asp.net master page tutorial navigation tools
Now in the Block category set the text-align to "center"

expression web asp.net master page tutorial navigation tools
After applying this new style results are like this.

expression web asp.net master page tutorial navigation tools
These are the elements appear same in every page of our Asp.Net website.

Anyone who is serious about web development depends heavily on cascading style sheets (CSS).I explain in detail in all these Expression Web tutorials how we can use style sheets in websites/ASP.NET Websites. Microsoft Expression Web does a great job handling CSS. these Style sheets allow us to specify how any object on a page should be displayed.applying or working on CSS in Visual Studio is not easy like Expression Web.
Next part i will show you in another Tutorial ASP.NET Master Page Tutorial Part-9 (Redifining Body Tag) Expression Web.
There was an error in this gadget