Home » » How to Load Videos in HTML5

How to Load Videos in HTML5

Written By Ed on May 20, 2014 | 10:03:00 am


HTML 5 is out and it is powerful. There are a number of features that have been added to HTML 5, and one of the rich features is hosting your videos in HTML 5 without having to do much coding or requiring a plugin. You simply put video in  the source tag and your chose the type and you are good to go. See example below.



Sample Code
 


<video width="320" height="240" controls>

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

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

Your browser does not support the video tag.

</video>



At the current time,  there are 3 supported video formats for the video element: MP4, WebM, and Ogg.

Supported Browsers:

Browser                              MP4              WEBM                OGG
Internet Explorer                     Yes                No                      No
Chrome                                  Yes               Yes                     Yes
Firefox                                   Yes (win 7,8)  Yes                     Yes
Safari                                    Yes               No                       No
Opera                                    No                Yes                      Yes



0 comments:

Post a Comment

Please post your comments

Follow us