How to use HTML5 Video Player


  
For HTML 5 video player you have to add below js

<script src=”http://api.html5media.info/1.1.5/html5media.min.js”></script >

and then add below code

<body data-spy="scroll" data-target=".bs-docs-sidebar">
 <video id="video" controls='controls' width="320" height="240">
   <source src="echo-hereweare.mp4" type="video/mp4"/>
   <source src="echo-hereweare.webm" type="video/webm"/>
   <source src="echo-hereweare.ogv" type="video/ogg"/>
   Your browser doesn't seem to support the video tag.
  </video>
</body>

You have to use three video type for suppport in all brower.
Like : Mozilla, IE7 to IE10, Opera, Chrome and Safari.

Video type : “mp4”, “webm” and “ogv”

Advertisements

One thought on “How to use HTML5 Video Player

  1. Welcome! Thank you for subscribing to follow my blog. I hope you are encouraged, inspired and enjoy the photos I take of life’s events as seen through the lens of my camera.
    BE ENCOURAGED! BE BLESSED!

    Reply

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