An unofficial blog that watches Google's attempts to move your operating system online since 2005. Not affiliated with Google.

Send your tips to gostips@gmail.com.

January 21, 2010

YouTube's HTML5 Player

Now that at least 3 important browsers support HTML5's video tag, YouTube added an experimental feature that lets you replace the Flash player with a native player. The main benefit is that your browser plays videos without using Adobe's Flash plug-in, which might slow down your computer and even crash your browser. Another benefit is that videos are treated like images and can be customized using standard CSS features.

For now, YouTube uses the h.264 video codec, so the only browsers that support YouTube's HTML5 player are Safari 4 and Google Chrome. Firefox only supports the Ogg Theora format, which is an open format.

"Our support for HTML5 is an early experiment, and there are some limitations. HTML5 on YouTube doesn't support videos with ads, captions, or annotations and it requires a browser that supports both the video tag and h.264 encoded video," explains YouTube.



YouTube also updated the Flash player and made it easier to switch to a different version of the video.


{ Thanks, Wulf. }

40 comments:

  1. I'm on the Chromium development channel for Linux, but it doesn't seem to work for me. Is it specifically GOOGLE CHROME that you need or is it _supposed_ to work for Chromium as well?

    ReplyDelete
  2. @Victor
    It works only in Chrome (I am on Linux too), Google pays royalties for using h264 in Chrome but obviously not in Chromium.

    ReplyDelete
  3. Thank you for the updated flash player!! Changing the video resolution is indeed much more comfortable now!

    ReplyDelete
  4. That is really fast compared to flash! Brilliant.

    ReplyDelete
  5. Did anyone else find that the fullscreen button on the HTML5 version does not do fullscreen? It does widescreen whereas the Flash button does fullscreen and has a separate button for widescreen. Wonder if they noticed they used the wrong icon yet.

    ReplyDelete
  6. Anyone else think the resolution of html5 sucks on youtube? Is this a problem with html5 or just the settings on my computer?

    ReplyDelete
  7. I'm using Chrome, but I ain't seeing HTML5 player :x

    ReplyDelete
  8. Michael, the video resolution seems to be a problem on my computer too!

    ReplyDelete
  9. This is a big blow to Firefox. Both Google and Mozilla want to move away from Flash but can't work together well enough to do it. I'm honestly baffled why Google is so devoted to H.264. I understand they think it's superior to Ogg, but Ogg is still far superior to Flash video and Ogg can play in ~25% of browsers, H.264 just ~9% of browsers. Surely using both Ogg and H.264 depending on the client's browser can't be too hard for Google to do.

    ReplyDelete
  10. To see the new player, make sure you use Safari 4 or Chrome 3+ (Chromium doesn't support h.264), then go to youtube.com/html5 and enable the experimental feature.

    ReplyDelete
  11. I have Google Chrome 3+. But it still plays on Flash player even though I opted into the HTML5 experiment.

    ReplyDelete
  12. It has started working now, I just enabled "Feather" too. Combo is too good!

    ReplyDelete
  13. For a great read on HTML5, check "Dive into HTML5" by Mark Pilgrim, a Google employee. The book has a chapter about video on the Web:

    "Anyone who has visited YouTube.com in the past four years knows that you can embed video in a web page. But prior to HTML5, there was no standards-based way to do this. Virtually all the video you've ever watched “on the web” has been funneled through a third-party plugin — maybe QuickTime, maybe RealPlayer, maybe Flash. (YouTube uses Flash.) These plugins integrate with your browser well enough that you may not even be aware that you're using them. That is, until you try to watch a video on a platform that doesn't support that plugin.

    HTML5 defines a standard way to embed video in a web page, using a <video> element. Support for the <video> element is still evolving, which is a polite way of saying it doesn't work yet. At least, it doesn't work everywhere. But don't despair! There are alternatives and fallbacks and options galore."

    ReplyDelete
  14. It was better when the HD/HQ button was on the player.

    ReplyDelete
  15. @Hina:

    It's still there. Mouse over the format drop-down and choose one of the options: 360p, 480p, 720p, 1080p.

    ReplyDelete
  16. Theora, please. The request was for open standards, not changing from one proprietary codec to another.

    ReplyDelete
  17. Ephilei is right. I am baffled as to why a company like Google would opt for a proprietary format over an open one. They move so far in a good direction and then pull the rug out with a move like this.

    ReplyDelete
  18. Great stuff you got there...I liked the new size control really made my day when I first saw it.

    So thanks :D

    ReplyDelete
  19. And so the codec war begins.

    I wonder how long it will be before someone writes an ASCII video overlay userscript / extension.

    ReplyDelete
  20. I am personally unimpressed with the Youtube implementation of HTML5. I have nothing but problems getting the videos to playall the way through, and I have given up on even trying to go back a couple seconds to rewatch a portion of the video, as it causes the video to stop playing and requires me to reload the page to finish watching the video, from the beginning. This might be attributable to the fact I am using the Linux beta of Chrome, but it doesn't change the fact that it makes flash the player of choice for me.

    ReplyDelete
  21. Chrome has less that 4% international market share. Since YouTube is so popular, Google is hoping people will drop their browsers and switch and stay with Chrome for YouTube.

    It's too risky if you ask me. This sounds like a great opportunity for a competitor. If social networking partners dump YouTube embed for another media source…

    ReplyDelete
  22. I don't understand the new video size toggle. Regardless of the resolution I choose (360p, 480p, or 720p) on the player toolbar, the video plays the same size as it originally loaded. What gives? Using Firefox on a Mac.

    ReplyDelete
  23. There's a button for increasing the size, there's also full screeen.

    ReplyDelete
  24. I'm honestly baffled why Google is so devoted to H.264. I understand they think it's superior to Ogg, but Ogg is still far superior to Flash video and Ogg can play

    ReplyDelete
  25. ive followed the directions on youtube html5 page and joined in. but only flashplayer is loading, not html5 version'

    ReplyDelete
  26. Hello, When HTML5 Mode is Turned On. If then, I Hover cursor on the available (360P, 780P) options then the choices appearing far below the buttons, which make impossible to press the Far Below (360P, 780P) buttons. Thus I cant able to see the Video in the Alternate Desired Resolutions. So in my case, the HTML is bugging. Chrome 4.2 is running. 4.1.249.1045 is running.

    ReplyDelete
  27. the video player does not work on youtube. when you mouse over a control (volume etc) the pop up disappears when you try to use it. none of the controls work.

    ReplyDelete
  28. It's been over 3 weeks now and CHrome's html5 video player still is far from functioning. Google obviously does not have a handle on the technology, but, ala Microsoft, that does not stop them from releasing it, just to get something out there. Well, as of now, my Chrome bookmarks will be exported to FF. And it's back to FF for now. Cheers.

    ReplyDelete
  29. videos on html 5 loads easily but these do not play well

    ReplyDelete
  30. HTML 5 player is shitty full of bugs and flaws,i accept the fact the fact that they load faster than flash but the quality of the video is very very very very very very bad.......the videos are cartoonish........bad bad quality

    ReplyDelete
  31. @anonymous:

    What browser do you use? Do you have an old computer or a netbook?

    ReplyDelete
  32. Full screen doesn't work for me...

    ReplyDelete
  33. Very Very slow.........long way to reach adobe flash player

    ReplyDelete
  34. Slow volume response

    ReplyDelete
  35. when mouse over....realy slow...

    ReplyDelete
  36. HTML5 video tag is the perfect demonstration that HTML5 will fail to provide a common way to build web app over all browsers. The same thing repeat over years: spec are not done and browsers take the buzz and implement their own choices.
    Nothing new here. same shit. forget HTML5.

    ReplyDelete
  37. "It has started working now, I just enabled "Feather" too. Combo is too good!" - Yup..... is it so, thanks for the info!

    ReplyDelete
  38. Youtube HTML5 player is out for anyone to try -
    http://goo.gl/ZxDMO

    ReplyDelete
  39. Is there any update in YouTube's HTML5 Player recently?

    ReplyDelete

Note: Only a member of this blog may post a comment.