The GG Blog | Design, Software, Gadgets blog

Everything HTML5

Quick Tip: Embed and Watch YouTube Videos in HTML5

Tips & Tricks
youtube html5 Quick Tip: Embed and Watch YouTube Videos in HTML5

Embed and Watch YouTube VIdeos in HTML5

YouTube introduced a new a Embedding code last month. With this new enhanced code, your viewers will be able to see the video in a Flash or HTML5 players (Of course you will need a modern browser that supports HTML5 video ). If you have not tried the new code yet, let me show you how easy this is.

The New code uses <iframe> so it’s very easy to use. Just simply replace VIDEO_ID to the real Video ID in the code.

<iframe class="youtube-player" type="text/html" width="640" height="385"
src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0"></iframe>

The new embed code will allow embeds to work on mobile devices, which typically use a built-in player instead of Flash or HTML5.

In order to view YouTube Videos with HTML5 video player, you will need to Join the HTML5 Beta.

I have been using the New embed code for a while now.

Check some of the videos embedded in HTML5:

via YouTube API Blog

Enjoy This Article?

Subscribe to our RSS Feed, Follow us on Twitter!

Also consider sharing it with others using the social bookmarking site of your choosing. Thanks, We appreciate it!

You can leave a response, or trackback from your own site.

One Response to “Quick Tip: Embed and Watch YouTube Videos in HTML5”

  1. เสื้อผ้าคนอ้วนNovember 13th, 2010 at 10:04 pm

    Hey thanks for sharing this, just wannna let u know I bookmarked to your blog too……thanks :)


Leave a Reply






Allowed HTML: tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Back to top