HTML5 Video

April 06, 2014 | tutorial

Recent developments from the good people at Firefox mean that the orange fox now supports MP4 in the video tag. The consequence of this is that about 88% of browsers in use now support this one format. Opera and older versions of IE (up to and including version 8) currently don’t (or won’t) play the file in the video tag. Is this a sign of alignment around the MP4 format, if so then other current browsers are sure to fall in line, aren’t they?

Just as a reminder, here's how to use the video tag in a page. For the purposes of demonstration, let’s assume we have a video saved as new_product_x.mp4, which has a width of 360 pixels and a height of 240 pixels. The video is saved in a folder called 'video', which is in the site root along with file accessing the video. The HTML to use would be:

<video controls height="240" width="360">
  <source src="video/new_product_x.mp4" type="video/mp4">
</video>

Happy web casting!

April 06, 2014 | tutorial | all posts