HTML5 Video Tag Problem in IE:How to Play video in webpage or blog–Code Included

HTML5 Video support and play on IEFor a long time I was searching for a way to play video on a webpage or blog, I found HTML5 introduces new <video> tag, but the main problem till it is not supported by the most of the browsers. After a long I have got a solution to play HTML5 video on a page. Here I am going to share with you another solution by which you can  play your mp4 video file on your page or blog, here HTML5 <video> tag is used. Don’t worry about the browser support, if browser doesn’t support it then it will be played as MP4 by the flash player. Just copy the code  below and paste it on your webpage or blog.

 Here is the code

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<video id=”video” width=”320″ height=”240″ preload controls>

<source src=”i/big_buck_bunny.mp4″ />

<source src=”i/big_buck_bunny.webm” type=’video/webm; codecs=”vp8, vorbis”‘ />

<source src=”i/big_buck_bunny.ogv” type=’video/ogg; codecs=”theora, vorbis”‘ />

<object width=”320″ height=”240″ type=”application/x-shockwave-flash”data=”http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf”&gt;

<param name=”movie” value=”http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf&#8221; />

<param name=”allowfullscreen” value=”true” />

<param name=”flashvars” value=’config={“clip”:{“url”:”http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4&#8243;,”autoPlay”:false,”autoBuffering”:true}}’ /> </object></video>

</body>

</html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: