Embedding a MP4 into webpage to stream- how!?


I’ve not got much experience with dealing with videos on webpages, other than embedding youtube which is a little too easy!

I have a MP4 file which I need to stream into a webpage. I understand that MP4 is just a container for different codecs, but I don’t know which codecs are involved as it’s a 3rd party MP4 file.

Also, the MP4 will be updated daily, so I need it to by dynamically streamed in rather than converting it to a FLV etc.

Happy for HTML5 solutions, as well as SWF ones.

Can someone help me understand how best to do this?


Yeah, this stuff confuses me a bit, too, but in my (probably wrong) understanding, mp4 is the codec itself—meaning a type of container that determines how the contents within are to be interpreted.

Unfortunately, no one codec is supported by all browsers / devices, so if you choose just one format, some people will miss out. There are some nice tools for converting video into various formats, like Miro, but you are still going to have a lot of work on your hands if you are going to update the content regularly.

Short of doing all this converting, you can just put a link on your page to the file and let people deal with it as best they can, or your could put it in a <video> element and likewise let people sink or swim, depending on their device. YouTube is certainly an easy way around all this, as it automatically converts the video to the various required formats.

Thanks for your reply.

I’ve found http://www.longtailvideo.com/players which seems to be setup to allow streaming of MP4. I need to test in a full range of browsers but in my quick test of modern browsers it seems to work ok.

As far as I know, mp4 works in IE9, Safari, Chrome, Mobile Safari and Android.

Spend $9.99 for a month for a membership to bmyers.com and after a month you will learn almost everything there is to know to stream videos on your web pages.