treehouse : what would you like to learn today?
Web Design Web Development iOS Development

HTML5 Video Problems

  • Before I scream and tear my hair out, can someone tell me what I'm doing wrong?

    http://www.vabarnsley.org.uk/services/breastfeeding.php

    Top video is embedded using HTML5 <video> tags. Works fine with the .mp4 for Safari and the fallback for IE but the .ogv extension does nothing for Firefox. Any ideas, because I'm completely stumped!

    <video controls width=\"320\">
    <source src=\"services/Breastfeeding2010.mp4\" type=\"video/mp4\">
    <source src=\"services/Breastfeeding2010.ogv\" type='video/ogg; codecs=\"theora, vorbis\"'>
    <object width=\"320\"><param name=\"movie\" value=\"http://www.youtube.com/v/1p__y4pWlmk&hl=en&fs=1\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://www.youtube.com/v/1p__y4pWlmk&hl=en&fs=1\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"320\"></embed></object>
    </video>
  • So no one has any ideas?
  • I haven't dealt with any HTML5 video at this point, sorry Mark.
  • I think it is supposed to be in .ogg not .ogv
  • pretty sure @comprx is correct.

    example
    <video controls>
    <source src="foo.ogg" type="video/ogg">
    <source src="foo.mp4" type="video/mp4">
    </video>


    edit: anddd i just realized this was posted on August of 2010