The HTML5 specification introduced new multimedia elements to allow a better integration of video and audio within a web page without the need to embed external plugins, such as Flash. Embedding a video is now as simple as writing this:
<video src="path/to/video">
There are a few caveats to consider, though; first of all, each browser supports only a fraction of the video codecs available, so if we want our element to be played, we need to encode our video at least in mp4
and webm
and then use an alternative syntax to include both of these formats, as shown here:
<video> <source src="path/to/video.mp4" type="video/mp4"> <source src="path/to/video.webm" type="video/webm"> </video>
Miro (http://www.mirovideoconverter.com/) is a good, free video converting software and works with both the Mac and Windows operating systems. It's really easy to use—just choose the desired output format and drop the file into the application window to begin...