The popular video hosting site Youtube has been offering limited beta HTML5 viewing capabilities for some time now on their website. HTML5 video playback was limited to Google Chrome and Safari, and only directly available on Youtube after joining the beta channel.
Webmasters and Internet users who wanted to embed videos on third party websites had no choice but to embed the Flash player, as there was no option to change the embed code to HTML5 video.
Toliver Jue, a Youtube Software Engineer, revealed that Youtube has created an option to embed HTML5 Youtube videos in websites.
The embed code is currently not available for selection on Youtube, developers and webmasters need to copy, edit and paste the new embed code manually to make use of it.
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
The VIDEO_ID parameter needs to be replaced with the ID of the Youtube video. To embed the video http://www.youtube.com/watch?v=0ud-pdJh8S8 a webmaster would use the following code:
<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/0ud-pdJh8S8" frameborder="0">
This returns the following video (great song btw):
The new embed code offers several benefits over the standard one. Supported HTML5 video browsers will make use of that technology to present the video, users without a HTML5 capable browser, or an unsupported browser are able to view the video in Flash as usual.
“An additional benefit of the new embed style is that it will eventually allow embeds to work on mobile devices, which typically use a built-in player instead of Flash or HTML5″, says Toliver.
The new embed code will sooner or later make its way on Youtube, to replace the current embed code. This is good news for users without Flash. Now if Youtube would only begin to add other HTML5 video capable web browsers to the list of supported browsers.
Â© Martin for gHacks Technology News, 2010. | Permalink | Add to del.icio.us, digg, facebook, reddit, <a href="http://www.stumbleupon.com/submit?url=http://www.ghacks.net/2010/07/25/youtube-adds-html5-embedding-to-videos/&title=Youtube Adds HTML5 Embedding To Videosstumbleupon, twitter
Post tags: html5, html5 video, youtube, youtube embed, youtube html5
Continua a leggere – Original Link: Youtube Adds HTML5 Embedding To Videos