With HTML5 <video> tag, you can easily add videos into web pages with the codes in the source code box:video–single media source below. If your browser doesn’t support the media format–ogv, you can check another example, video–multiple media source. width=”100%” indicates video player’s width—100 percent of result widow’s width.

controls=”controls” tells us the player will show basic play control: play, pause, volume button and progressbar. Attribute src indicates the location where to access the video. type=”video/ogg” tells browser the video format.

If your browser doesn’t support HTML5 video tag, the sentence “Your browser does not support the HTML5 Video element.” will be displayed.

Source Code Box: video–single media source(Browser:Chrome,Firefox)

Video–multiple media source

Different from the example above, you may specify multiple video sources; so your browser will fall back to the second video source(ogv), if it doesn’t support the first one(mp4).

Source Code Box: video–multiple media source