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 embed code. So, today I started to make my own personal page, and I want to know how to insert my own videos. I have two different web hosts, one for uploading videos and another for the webpage. So the stream (am I correct?) is coming from host#1, and host#2 is for web page.
I don't even know how to format or convert videos mpeg, avi to flv online (with my own page), but this is not why I made this post. Am I need to convert them into flv, to put videos on my page? What about the converted video quality (losing from quality)?
How can I make my own online video player?
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).