Posts

Showing posts from March, 2013

Create a Video in Html5

HTML5 <video> - DOM Methods and Properties HTML5 has DOM methods, properties, and events for the <video> and <audio> elements. These methods, properties, and events allow you to manipulate <video> and <audio> elements using JavaScript. There are methods for playing, pausing, and loading, for example and there are properties (like duration and volume). There are also DOM events that can notify you when the <video> element begins to play, is paused, is ended, etc. The example below illustrate, in a simple way, how to address a <video> element, read and set properties, and call methods. <!DOCTYPE html> <html> <body> <div style="text-align:center">   <button onclick="playPause()">Play/Pause</button>   <button onclick="makeBig()">Big</button>   <button onclick="makeSmall()">Small</button>   <button onclick="makeNormal()">Normal</

charanblog: New HTML5 Tags

charanblog: New HTML5 Tags : HTML5 brings a host of new elements and attributes to allow developers to make their documents more easily understood by other systems (es...

New HTML5 Tags

HTML5 brings a host of new elements and attributes to allow developers to make their documents more easily understood by other systems (especially search engines!), display data more uniquely, and take on some of the load that has required complex JavaScript or browser plug-ins like Flash and Silverlight to handle. Here are 10 new items in HTML5 that will make it easier for you to write your Web sites. 1: <video> and <audio> One of the biggest uses for Flash, Silverlight, and similar technologies is to get a multimedia item to play. With HTML5 supporting the new video and audio controls, those technologies are now relegated to being used for fallback status. The browser can now natively display the controls, and the content can be manipulated through JavaScript. Don’t let the codec confusion scare you away. You can specify multiple sources for content, so you can make sure that your multimedia will play regardless of what codecs the user’s browser supports. 2: <