Introduction to HTML 5

[vBDKv]

Yeah, I'm gonna ahve to go with Flash. It works.

[WorldChampionXXII]

Yes more educational videos. Please this has helped a lot

[thecreativepatch]

why would you not move your video window so we can see all the graphics??

[TheYouSphere]

Amazing video, very clearly explained, thoroughly researched. Excellent work!

[RGWebSolutions]

HTML 5 is really exciting stuff but it is still early days...

[xPhilippo]

No sound in ubuntu lucid with firefox 9

[pfanswersquery]

Learn HTML5 in simple steps on DesignMobileWeb on the App Store..

[pfanswersquery]

Another very good tutorial on HTML5 is at

[knagode85]

Great introduction! Thanks!

[sakivreyam]

really nice introduction..

thank u .. :)

[bronymaster1]

HTML5 Y U NO WORK ON GOOGLE CHROME

[Hardryv]

Down-votes on new tech vid -- wtf is that all about? Are there Amish on the internet now?

[colloredbrothers]

my god this is insane, websites are going to be crazyyyyyy cool

[96Nickylee]

@heavyrain34 says the guy who's YouTube is named after a video game....grow up

[heavyrain24]

this guy fucking sucks what a fucking faggot

[blab600]

watch?v=VnAGnWf6ODk

NATIVE HTML5 FULLSCREEN ON CHROME.

[mytac0sftw]

@GoogleDevelopers I don't know if you still make videos because this video was made in 2009 and it is currently 2011 but, I made my site using just HTML. Does this mean I have to completly recode my site with HTML5? Please reply! :)

[yoyoretro]

thanks for the transcriptions :) (english is not my native language so this is very helpful!) and great video - cheers!

[kidequinox]

Google tv!!!!!!!!

[6580006247]

Gay language becoming even gayer.

[inDASHcorrect]

YES!! I LOVE HTML 5 and I am actually viewing this video in HTML 5!! :D But this IS the first time...I have opted into the HTML 5 trial countless times, and I don't know why I keep having to opt in... I want my YouTube preferences to STAY in HTML5 ...and hopefully YouTube and everything else will phase out Flash Plug In.

[Hilokilo06]

@inDASHcorrect Omg how do you watch youtube videos with html5???

[DrLazyGenius]

i viewed this on html 5. it was rather smooth

[boogiman007]

it's called an event handler...

[maradona640]

@ranger32N je ne crois pas que tu peux faire ca

[maradona640]

@ranger32N je ne crois pas que tu peux faire ca

[thedraghicescu]

Thanks for the tut!!!

[engrshahidkarim]

it doesnt work if you stop in the middle and start again

[DrLazyGenius]

@engrshahidkarim it works for me. I'm on google chrome. instantaneous

[PMChr97]

My iPad is cheering :D

[dancewiththesilence]

Where did 240p? I have a horrible connection and I can hardly watch videos!

[6580006247]

fuck html5

[Tears0faShadow]

thumbs up if you're on the html5 trial!

[LeBalRoyal]

Where did the audio go? It stops after 20 min.

[HBDynamo]

I have these add-ons install, Adblockplus, Request Policy and Quick Java with Flash disabled if it makes a difference. :shrugs:

[HBDynamo]

I'm using Ubuntu 10.10, Firefox 6.0.2 Stable and have joined the Youtube HTML5 test, this video does not play. :shrugs:

[sashundera91]

And apple is using this bullcrap?Thats why i will never get an ios device..

[domainholdings]

How is that just about every HTML5 website design company is claiming they can do HTML5 Validation but only html5websitedesign.co.uk can actually pass the HTML5 Validation Markups, It seems to us that there is little point website designers offering to build HTML5 sites if they are not going to pass w3c HTML5 validation.

[jadedchron]

@domainholdings probably because the spec changes a lot and there's no point in updating the validator if HTML5 development is priority.

[SequelFinalNight]

Who is making HTML5? And how the hell can they just make HTML5 compete with a company like Microsoft's Silverlight and Adobe Flash? Will HTML5 run on all mobiles and cross platform? If so, how come all these other companies are struggling with this same kind of challenge, but HTML5 can do it? It's like everyone is saying HTML5 will solve all my problems, but if so who is driving it and what kind of financial means do they have to do this?

[mattbliese]

@SequelFinalNight HTML5 used to be Apple's webkit.

[vudarksky]

i'm at google's developers program " so shut up , set tight , i hear me out 42 minutes"

LIKE A BOSS!

[benghaith]

Google boys Mac lovers! An awesome mixture!!

[Clintelligent]

.....

[utubeworms]

I can't wait to get to HTML 5 and get away from this hideous flash plugin that is becoming more unstable with each new release.

[lemonsyay1]

@utubeworms That's a completely ridiculous claim that holds no ground and I hope yo---

*browser crashes*

[1javierescobar]

I really appreciate the way that you share this valuable knowledge .. thanks a lot

[LinkinParkLPKid]

How come Html5 videos load only on certain videos for me?

[mrunincredible1]

Great. Thx for this video !!

[importedinventions]

For anyone expecting a tutorial,.. THIS IS AN INTRODUCTION. He goes on a very fast pace moving from topic to concepts. If you're looking for a video on HOW TO... you're wasting your 40 minutes here.

[colinsilver105]

This guy is cool. Lol

[xudevil1]

i want to work on HTML 5 coz thml 4 its running its like a bullet but HTML 5 is a atom bomb

[KraziiiGamefreak]

i have a nyan cat

[flowewritharoma]

great video.

[sarnese70]

ok HTML5 Makes Me

-Unable To Hear Nor Adjust Sound

- Gives A Total Hard Off

[sbabu12345]

Very good intro .. Thanks. What about web sockets ? would have been great if that was part of presentation.

[arwakatungu]

ie doesnt exist ...

[Tehrizmo]

5>4... just learned something new

[olivebates]

If atari had taken patent on video games, they would be able to buy the world.

[QuickSand10000]

buy a fucking mic and camera

other than that

thanks for this

[THE16THPHANTOM]

that geolocation is very dangerous. i hope there is no way to override or hack the permission.

[exn666]

the mistake at 18:53. Opera, Safari and Chrome (not a chromium) not a open source browsers.

[tiennguyenvantt]

HTML 5 will be the most popular WEB Language in the near future .

[4200sunny]

try ssoftsolution com for amazing web websites

[CrzyAsianGuy]

Wow google you are cheap. I expect a hd cam on that guys fucking face and a high quality mic on his fucking mouth. How hard is that to ask from a company that makes billions each year? Cheap ass bastards, you don't care about your users, only your money.

[thermiter36]

Thumbs up if you're watching this without flash :)

[AMMARFALAKSHER]

NICE TUTORIAL THANKS

[Dr8tereo]

Sounds better in 360

[perictube]

a shame the audio is unbearable...

[Tzizenorec]

@MrDinoJess I bet it only takes 5.

[daylightdisk]

way to show your inner pirate 25:23

[ROBLOXingHabbo]

@daylightdisk

HTML5 is so buggy I can barely click your 25:23 and go to it.

[MisterSensational]

@ROBLOXingHabbo /Implementations/ of HTML5 can be buggy, but HTML5 is not itself buggy in the same respects.

[Treblaine]

@ROBLOXingHabbo HTML5 is buggy?!?

Nothing compared to flash, I've just switched to HTML5 trial for youtube, if only every video was in this format.

[webmastertool]

@daylightdisk what do u mean inner pirate?

[daylightdisk]

@webmastertool he says arrr like, well, a pirate ;)

[webmastertool]

@daylightdisk oh i thought you meant he was using like a pirated version of photoshop on a google presentation lulz.

[Couponmaster113]

@daylightdisk Black Beard would of been proud

[lethedrummerkick]

"!DOCTYPE html" tells the browser.... "HEY, this is HTML5" haha

[WTVBqdemon]

lol i can speed up the video

[Chiisuchianu]

Hello! i just wanna ask coz i am really new to HTML5 and i have an assignment... i need to develop a dictionary application... i'm already finish with the design and some functions, my problem now is that how can i link the word inputted on the the textarea to google dictionary when you click the word to show what the word means... BIG BIG HELP HERE!!!!! my deadline is coming...

[jgalfo33]

Nice, comprehensive and concise ;-)

[stevedunlap]

Good Job. Love the HTML5 tutorial. Thought your Robot Chicken work was better though. :-)

[Dylmoo]

100 - 'X' improvement !!

[rasmasyean]

How to you handle the problem of someone using a video tag to display your video on their web site. Because video streaming can costs some money because it's data intensive. Then they can like use your video without permission and load your server and you don't get anything out of it.

[rasmasyean]

What's the difference between the "OnMouseover" playing video in HTML 5 and the one in Bing Video results?

[jasperwillis5385]

I like this video.

[jonathondixon859]

This video is useful for html 5 knowledge.

[claircote4416]

Thank you for info about html5

[flowewritharoma]

cool html5

[AzTiG001BSP]

I know that these 40 people who disliked didn't get what was taught

[KhazModan]

very very nice thanks alot

[kopi5896]

Your information is very useful

[minami935]

Thank you for sharing.

[nikhilthakur123]

Awsome demo, very neat and consice. thanks dude.

[benjaminshinobi]

Your voice is mad soothing dude. You've got to write a self-help book and then do the audio book for it.

[K2ACP]

i like how even though he works for google, he uses firefox

[truthIsStranger]

Love the Ant video downloader. This is a keeper. Probably going to watch this two or three times. I wish they taught me this in college, I took a web dev course and learned ten times more about Java than JavaScript. >.<

College is a joke people, best to learn it here. For the web, by the web is the one and only way. : )

[rasmasyean]

@truthIsStranger In college they usually focus on things that teach theory so you have a "core" understanding of the science behind it. Videos like these are besically summaries and tocuh the surface of the topic without going into the underlying principles of programming and CS. They are normally made for ppl who are already experienced developers.

[rasmasyean]

@truthIsStranger Oh, and also, this looks all easy and simple when it's presented and it actually works. But in the real world, things are more complicated nad never perfect. Therefore when you try to debug and solve the problem or come up with a complex solution, THAT is when the stuff you learned in college will help. That's why it's hard to get a decent dev job without a degree.

[truthIsStranger]

@rasmasyean

Nice perspective, thanks.

[005hiteshchoubisa]

Thanks for sharing!, Its really nice one!

I just found one HTML5 website which have a lost of HTML5 website list, a nice blog about HTML5 do check - html5arena

[005hiteshchoubisa]

Thanks for sharing!, Its really nice one!

I just found one HTML5 website which have a lost of HTML5 website list, a nice blog about HTML5 do check -

[unrewritable]

The future of the web is beautiful!

[simplyarun]

Google, huh. Higher quality video on vimeo?

[Jeorney]

Has the javascript shim that enables html5 features been altered for IE9? its probably not needed anymore, unless it been changed to enable the few remaining html5 features not supported. If there is no change, how would you alter the javascript to detect an older version of IE than 9? Or perhaps detect if it not IE9? Whatever will process faster.

[Darienbeagle]

Excellent lecture

[kousoulides]

Chrome is like a turd that wont flush.

[eeyk1993]

@DragonAge2k because firefox 3.6 and internet explorer 8 doesn't know the html elements.

only firefox knows some elements.

but now IE9 and FF4 you can play video tags.

[Phenom69ll]

dang i hope it html5 will take over flash soon, youtube lags like a bitch on my ie9 x64, only wiith flash, and EVEN WITH NON_HD 0.o

[laifalbert]

@Phenom69ll You can watch html5 videos on youtube, search html5 youtube, and join the beta.

[Phenom69ll]

@laifalbert ikr but i mean like tottally take over :P so even arm6 cpu based phones could do well on the webloooo l :D

[Phenom69ll]

@laifalbert IKnow... but not all of em :(

[sindbad1900]

@laifalbert Unfortunately, it never works. No videos play and youtube layout gets fucked up. They need to get their act together.

[laifalbert]

@sindbad1900 It works for me, it's probably your browser having bad support for webM. Try chrome, it's fast, secure, and works like a charm for html5. It is a beta though, and things look rough, and starting the video takes some time.

[sindbad1900]

@laifalbert I *am* using Chrome. I've also tried in firefox, similar results.

[laifalbert]

@sindbad1900 Really? I'm watching this very video in html5, and have watched videos at 1080p perfectly fine.

[bennymcfarlane]

THe SVG logo example clarified nothing for me. How was that image created with HTML?

[thegoodhen]

@DragonAge2k youtube . com/html set it here

[ssrinfo]

Good job learnt a lot, atleast to get me started

[Phrozends]

@DragonAge2k It isn't! Youtube by default is NOT HTML 5 ready, but you can suscribe to the beta version using HTML5 somewhere from your account details to help youtube test html5 compatibility. Only then you would see the videos without flash player.

[theMessnger]

ahhh no download?

[DeeStan666]

ДАААА!!

[spiderman1321]

chuck norris`s age is the highest prime number....html5 fails

[glitzandmalt]

google could have given you a real mic and cam... wow

[mouse2456able]

@glitzandmalt if you dont like it , dont watch it !!! . I can hear him perfectly as im sure you can aswell

[AfroBabyJesus]

@glitzandmalt that is the mic i have and it is very good.

[nitewing98]

Very informative. I learned a lot about capabilities in html 5 that I didn't know existed.

[DiegoHavenstein]

excellent video!

[flowewritharoma]

My question so far is what HTML5 and HTML4 is different?

[mmikram]

Really excellent and highly informative video for starters.

[JeXooo93]

NICCCCEEEEEEEEEEEEE

[TerenceHorsman]

Nice video! But there is a problem, I can see a dislike button, plz fix.

[louie540x]

23:20

How do you tilt the video like that? Or what's the code for those buttons on the bottom?

[TheDrsebbe]

Watching this in html5

[juthawong]

Why he don't use chrome?

[Bossiiiii]

It will really push HTML5 if YouTube and Facebook drop the support of Flash and go 100% with HTML5. Everybody needs to see youtube. So it forces everything to switch over to the newer browsers.

[Bossiiiii]

where is IE in the graph? Don't tell me IE has no place in there

[TheSyntaxOverride]

@Bossiiiii That's because it's shit, duh

[santoshcallup]

i liked the video and examples.

[parahumanoid]

Quite comprehensive and well done. I guess it's a tad long for one clip and should probably be split into parts. Great material, thank you.

[go2au]

Last time I checked Safari was not open source and IE (which is still the de facto standard web browser in the World) was not mentioned very often with HTML5 compatibility.

[moizr123]

Excellent introduction to HTML5. Very well done!

[akgammer]

Very nice presentation. Clear, good examples and friendly.

[magnetismewave]

Thank you for this video

[Ful0p]

Thanks for sharing! Great information!

[clyoko33]

DID YOU KNOW the "contenteditable" ATTRIBUTE

[lotius]

One of the best tech videos I've ever seen. Great explanations and examples. I wish every tutorial video could be this complete!

[jonmilani]

@DragonAge2k Yep, if you try to save a video YouTube Rick Rolls you! Awesome!

[TheVic202]

works with chrome not with ie9

[jpopadinac]

great video very helpfull

[vinczgorad]

cant wait to see all this in action everywhere..

[AlejandroMMz]

wow, thats awsomeeeeeeee

[Trireme89]

I don't know if this new player changed over a couple of weeks, but when I had the unpleasant experience of using it it buffered slow as hell, I couldn't pause the vid and I couldn't select a certain point in the video I wanted to watch.

[secret260]

HOLY SHIT, NO BUFFERING!!!!!!!!!!!!!!!!!!!!!

[KungFuArts]

one of the best tech speakers I have ever seen

[24chirs]

oop i guess we cant watch videos from a google video player either lol i thought he works for google guess they are still not using html5's video tag seems to me that html5 wont replace adobe flash player

[24chirs]

hey whats up users since you cant view this without adobe flash player 10 I would say he is full of shit youtube is not using the html5 video tag uninstall your adobe flash player and see for yourself

[mariojuggernaut22]

i'm watching this on html5 right now

[segedy]

Would be really helpful if you had a table of contents/overview and associated min/sec into this movie (given how long it is).

Also, can html 5 players have markers and interactivity - that if I wanted to click on an option in the contents at the start, it can jump to that marker in the film?

Just wondering that's all...

[perla786]

Visit: minichan.org - The best site on the Internet!

[zaknafein88]

Speaker is extremely condescending, but the presentation has a lot of good content.

[ostur70]

WTF are these random images in half color from 1:29

[draculamilktoast]

works with html5 using Chromium browser, Ubuntu server w/ gnome-core

[epicturnip]

in HTML5 right click the video and click Save Video As.

[safiqureshi1]

i tried this in html 5 and would not load

[wladwlad]

Ditch the javascript, and html5 will be worth something. With JS it's just piece of scripting, not typed, one-hell-to-debug crap.

[Billyce18]

there is just the voice...it makes faster too...

[sangolt88]

Google's Chrome and Firefox have done a great job on HTML5 and speed. HTML5 is the future, and even IE9 is doing great on it.

[blake5200]

who watch this in youtube's HTML5 video viewer

[mahela1993]

In my experience, flash is a horrible platform for video. The seek function in the player fails miserably about 50% of the time.