hacks.mozilla.org

connecting html5 video to the web

This is a screencast of a demo that I gave at the open video conference in NYC on June 19th, 2009. The demo itself was created by the ever wonderful Paul Rouget.

Download .ogv or .mp4 version. A version hosted on blip.tv.

28 Responses to “connecting html5 video to the web”


  1. 1 Quxxy

    Pretty cool. One thing that’s annoying me about these HTML5 videos is that there’s no way to fullscreen them. I suppose it’d be too late to add some kind of fullscreen option on the context menu for 3.5?

  2. 2 anonymous

    I like this FF 3.5 player, but where is fullscreen mode ?

  3. 3 Ken Saunders

    That was extremely cool!

    Does 3.5 have a dummy mode, or an alert system to let people know that they can not use the video controls to change the volume or seek through the video WITH THE CONTROLLER THAT IS IN THE ACTUAL VIDEO?!

    Geesh, can you believe that I’m admitting that I attempted that?
    You’d think that I would have noticed the extra cursor on my screen. I guess it’s kind of like a bird flying into a closed window.

  4. 4 scribu

    I would have never guessed that something like that would be possible in a browser, in 2009. Amazing.

  5. 5 Kanenas

    There is something funny going on with the video’s encoding. The mozilla star (the one with the dragon/godzilla) seems to “twitch” every few seconds.

  6. 6 Magne Andersson
  7. 7 Theodora Vorbix

    Save Video As… will be the most welcomed feature of all

  8. 8 ghis

    When I play a video in Firefox3.5b99, all my CPU is used (I tested with various videos). It’s strange that a native implementation of video used more CPU than Flash…

  9. 9 Ken Saunders

    Hey I too would love full screen mode (who wouldn’t) but for now, you can at least use full page zoom. In my experience, it works great with open videos in 3.5 and not so well at all for Flash or other formats in any version of Firefox.

    Try this zooming this (fast paced) animated video on openvideo.dailymotion. The quality when zoomed is great.

    http://xrl.in/2ig3

  10. 10 Anonymous (*)

    @anonymous:

    In plans (i hope) –> https://bugzilla.mozilla.org/show_bug.cgi?id=453063

  11. 11 Anonymous

    Yes, this small 500×375 video element consumes ALL of my Sempron 3000 CPU too. Is it a bug or feature?

    I wonder what kind of powerful machine did they use to make this demo, since there is a face recognition overhead.

  12. 12 Maik Merten

    @Kanenas: The “twitching” is an encoding artifact introduced by using a Theora encoder based on an old codebase (Theora 1.0) (keyframes happen to have a different visual quality than surrounding frames, thus sticking out). Encoders based on current Theora 1.1 alphas do better.

  13. 13 Boris

    For me, whe the browser is not in the background the sound play with a lot of noise and very “¿chopy?”, if i put the browser in the background the sound play fine.
    The probles is only related to the video elements, all other sound in the browser and windows play fine

  14. 14 AndersH

    Full screen (under control of the webpage) for video, as well as for normal content, is something that you still need flash or silverlight for. “window.open(…, …, ‘fullscreen’)” aren’t really usefull since it is blocked by the popup blocker, would start a whole new window and doesn’t disappear on escape.

  15. 15 Dan Hackner

    This is very cool. Keep up the good work, I look forward to playing around with this.

  16. 16 Tony Murphy

    Good demo of html5 video. The possibilities are endless. This has got me thinking about potential apps :-)

    cheers
    Tony

  1. 1 handraiser's status on Saturday, 20-Jun-09 10:50:10 UTC - Identi.ca
  2. 2 颠覆网络35天 ─ 连接互联网和HTML5 video < MJiA
  3. 3 HTML5 open video format, javascript, face recognition & twitter - Joggink on the wild web
  4. 4 Ajaxian » Fun with 3D CSS and video
  5. 5 Open Video Conf Roundup « commonspace
  6. 6 Open Video Conference Roundup :: The Mozilla Blog
  7. 7 rizomer's status on Friday, 26-Jun-09 22:58:36 UTC - Identi.ca
  8. 8 Open Video Conference Roundup | LEHSYS Blogger News
  9. 9 Open Video Conference Roundup | Easy Firefox
  10. 10 Firefox 3.5 is here!
  11. 11 Open Video Round-Up at laurengalanter
  12. 12 谋智社区 » Blog Archives » 颠覆网络35天 ─ 连接互联网和HTML5 video

Leave a Reply