#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    11
    Rep Power
    0
    Hi I am new about HTML 5 so I want to know what is new in this and I want to know how we can add video using HTML 5 can any one help me.
    Thanks.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2013
    Posts
    50
    Rep Power
    35
    Here's a useful link that should get you started: http://www.htmlgoodies.com/html5/how...id=u4APr0ELFbq

    It contains some examples as well as information on what formats/browsers are supported etc.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    2
    Rep Power
    0
    IS the easy way of add the video in html site. Put your video path between video tags. Example <video src="/video/pass-countdown.ogg" width="300" height="150" controls></video>. This is latest version of HTML 5 .Is provide easily added video in your web page.
  6. #4
  7. No Profile Picture
    Permanently Banned
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Location
    Ludhiana
    Posts
    33
    Rep Power
    0
    HTML5 has introduced a <video></video> tag to add videos onto the document. Below is an example of how to add a video on your webpage using HTML5.
    <video width="400" height="200" controls>
    <source src="#.mp4" type="video/mp4">
    <source src="#.ogg" type="video/ogg">
    </video>
    You may define the width and height of your video. The controls attribute is used to enable play, pause and stop buttons on your video. The <source> tag is used to define multiple media elements.
  8. #5
  9. No Profile Picture
    Loves Diesel Generators
    Devshed Novice (500 - 999 posts)

    Join Date
    Nov 2004
    Location
    Lincs - UK
    Posts
    661
    Rep Power
    83
    I've been playing over the last few days and some things to watch:

    Make sure the video is encoded correctly. For IE, mp4 with h264.
    If its not correct it won't play.

    If IE10 starts playing and then stops, or IE9 starts and freezes, the video is corrupt, try again on the encoding.

    If its your server:

    1) Make sure server content type is correct.
    2) Make sure server isn't compressing video streams; it doesn't work in IE9 at least and a few others; maybe none at all.
    If I helped you by some stroke of luck, please add to my reputation by clicking on the icon at the top of my post!
    Perkins Diesel Generators Volvo Diesel Generators xxl.me.uk (my Site)
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2013
    Posts
    3
    Rep Power
    0

    HTML 5 Video tag and browser compatibility


    shellygill has posted a good example on how to use the new video tag in HTML 5 however you should remember that not all browsers will support this.

    It would be a good idea to add some text to inform the user that their browser does not support the element I.e. (using shellygill's example)

    <video width="400" height="200" controls>
    <source src="#.mp4" type="video/mp4">
    <source src="#.ogg" type="video/ogg">
    Your browser does not currently support the video tag.
    </video>

    This text in between the <video></video> tag will then be displayed if the video cannot.
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2013
    Posts
    11
    Rep Power
    0
    Thanks for your response.

IMN logo majestic logo threadwatch logo seochat tools logo