Video, Flash Or... Videos For Html

I'm not new to HTML, CSS, JS or PHP, I already made diff. web pages, but every time when I included a video from YouTube or from another external site, I always used iframe, or emb

Solution 1:

DIVE INTO HTML5 has an excellent article on HTML5 video. You should read this article from A-Z (grab a coffee). It addresses almost all issues related to HTML5 videos including the reasons why you should be converting to HTML5 video, video formats, how to convert videos and how to add markup to your page to play those videos.

And in case you are wondering how to play the HTML5 videos, have a look at HTML5 Video Player Comparison chart. FYI, a HTML5 video player is a JavaScript wrapper over the browser's native HTML5 player which is supposed to provide skinning, API, events and flash fallback support.

Having said that, you do not need an HTML5 player at all if you do not care about custom skins, event handling, API etc. All you need is the "code" suggested by Video for Everybody (but you still need a SWF file capable of playing MP4 files).

Solution 2:

I prefer to use Vimeo to upload my videos and they do all of the conversion and optimization for you and of course host the video on their servers. When I load the videos on my own server, due to the bandwidth constraints and throughput, they quickly slow things down.

Solution 3:

If you need to convert a video file into another format, I would give this a try: Miro Video Converter