Mozilla

connecting html5 video to the web

on June 19, 2009 by

in 35 Days Canvas Demo Firefox JavaScript TraceMonkey Video XMLHttpRequest

29 comments

Comments are now closed.

  1. Quxxy wrote on June 20th, 2009 at 01:42:

    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. anonymous wrote on June 20th, 2009 at 01:44:

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

  3. Ken Saunders wrote on June 20th, 2009 at 02:14:

    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. scribu wrote on June 20th, 2009 at 03:23:

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

  5. Pingback from handraiser's status on Saturday, 20-Jun-09 10:50:10 UTC - Identi.ca on June 20th, 2009 at 03:50:

    […] This is cool, seems a bit futuristic for 2009. http://hacks.mozilla.org/2009/06/connecting-html5-video/ […]

  6. Kanenas wrote on June 20th, 2009 at 04:21:

    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.

  7. Magne Andersson wrote on June 20th, 2009 at 04:52:

    Check this, http://people.mozilla.com/~prouget/demos/DynamicContentInjection/play.xhtml too :)

  8. Theodora Vorbix wrote on June 20th, 2009 at 06:45:

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

  9. ghis wrote on June 20th, 2009 at 07:26:

    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…

  10. Ken Saunders wrote on June 20th, 2009 at 10:58:

    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

  11. Anonymous (*) wrote on June 20th, 2009 at 13:06:

    @anonymous:

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

  12. Anonymous wrote on June 20th, 2009 at 13:57:

    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.

  13. Maik Merten wrote on June 21st, 2009 at 03:43:

    @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.

  14. Boris wrote on June 21st, 2009 at 13:04:

    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

  15. AndersH wrote on June 21st, 2009 at 13:48:

    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.

  16. Pingback from 颠覆网络35天 ─ 连接互联网和HTML5 video < MJiA on June 22nd, 2009 at 01:02:

    […] 原文地址：connecting html5 video to the web 系列地址：颠覆网络35天 […]

  17. Pingback from HTML5 open video format, javascript, face recognition & twitter - Joggink on the wild web on June 22nd, 2009 at 04:47:

    […] Omdat beelden meer zeggen dan woorden, check it out! Open video format in combinatie met javascript zorgt er voor dat de gezichten herkend worden en hun twitter status wordt opgehaald… http://hacks.mozilla.org/2009/06/connecting-html5-video/ […]

  18. Pingback from Ajaxian » Fun with 3D CSS and video on June 22nd, 2009 at 05:15:

    […] Blizzard posted his Open Video Conf talk on connecting HTML5 video showcasing the great demos of Paul Rouget […]

  19. Pingback from Open Video Conf Roundup « commonspace on June 25th, 2009 at 11:35:

    […] is coming soon. In the meantime, you can see one of the demos that Blizzard and Paul Rouget gave here and Blizzard and my slides […]

  20. Pingback from Open Video Conference Roundup :: The Mozilla Blog on June 26th, 2009 at 11:32:

    […] is coming soon. In the meantime, you can see one of the demos that Blizzard and Paul Rouget gave here and Blizzard and my slides […]

  21. Pingback from rizomer's status on Friday, 26-Jun-09 22:58:36 UTC - Identi.ca on June 26th, 2009 at 15:58:

    […] html5 video to the web http://hacks.mozilla.org/2009/06/connecting-html5-video/ […]

  22. Pingback from Open Video Conference Roundup | LEHSYS Blogger News on June 26th, 2009 at 16:46:

    […] is coming soon. In the meantime, you can see one of the demos that Blizzard and Paul Rouget gave here and Blizzard and my slides […]

  23. Pingback from Open Video Conference Roundup | Easy Firefox on June 26th, 2009 at 18:15:

    […] is coming soon. In the meantime, you can see one of the demos that Blizzard and Paul Rouget gave here and Blizzard and my slides […]

  24. Dan Hackner wrote on June 30th, 2009 at 08:06:

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

  25. Pingback from Firefox 3.5 is here! on June 30th, 2009 at 13:56:

    […] Check out this video of what HTML5 can do. http://hacks.mozilla.org/2009/06/connecting-html5-video/ […]

  26. Pingback from Open Video Round-Up at laurengalanter on June 30th, 2009 at 18:13:

    […] Connecting HTML5 Video to the Web (screencast by Chris Blizzard, Director of Evangelism at Mozilla) […]

  27. Tony Murphy wrote on July 18th, 2009 at 10:27:

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

    cheers
    Tony

  28. Pingback from 谋智社区 » Blog Archives » 颠覆网络35天 ─ 连接互联网和HTML5 video on August 5th, 2009 at 22:36:

    […] 原文地址：connecting html5 video to the web 系列地址：颠覆网络35天 […]

  29. Katerina wrote on March 11th, 2011 at 05:28:

    And ones more here :D

    Hi Chris! I’m reading (for my study at the uni) canvas & videos. I need just this one feature!! Bounded Boxes on one video (like these two red & green) in HTML5, appearing dynamically.

    Have u maybe published this source code anywhere as a demo? :) Thanks in advance!

Comments are closed for this article.