Skip navigation
Currently Being Moderated

How to embed HTML5 video player in web page

Apr 3, 2013 2:04 PM

I have developed a video player using html, javascript and jquery. depending upon the browser type and mobile/non-mobile device, it creats the html5 video tags or redirect to a fall back flash player). I am using Adobe media server


this player works well on all the browsers.




<!DOCTYPE html>







<video controls="controls" poster=" r.jpg" width="640" height="360">

          <source src="" type="video/mp4" />

          <source src="" type="video/webm" />

          <source src="" type="video/ogg" />

                    <object type="application/x-shockwave-flash" data="" width="640" height="360">

                    <param name="movie" value="" />

                    <param name="allowFullScreen" value="true" />

                    <param name="wmode" value="transparent" />

                    <param name="flashVars" value="config={'playlist':[' generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fc','autoPlay':false}]}" />

                    <img alt="Big Buck Bunny" src=" r.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />









If I embed this video player in any of the aspx page using <EMBED></EMBED>, the redirection to flash player does not happen.(it works fine on chrome and safari but not on IE and firefox)


<EMBED height=360 width=250 src="http://localhost/videoplayer.html"></Embed>


More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points