HTML5 Drag and Drop - Drag and Drop

Drag and Drop Drag and drop is a very common feature. It is when you "grab" an object and drag it to a different location. In HTML5, drag and drop is part of the standard, and any element can be draggable. Browser Support Internet Explorer 9, Firefox, Opera 12, Chrome, and Safari 5 support drag and drop. Note: Drag and drop does not work in Safari 5.1.2. HTML5 Drag and Drop Example The example below is a simple drag and drop...

[Read More...]

HTML5 Audio - Audio on the Web

Audio on the Web Until now, there has not been a standard for playing audio files on a web page. Today, most audio files are played through a plug-in (like flash). However, different browsers may have different plug-ins. HTML5 defines a new element which specifies a standard way to embed an audio file on a web page: the <audio> element. Browser Support Internet Explorer 9, Firefox, Opera, Chrome, and Safari support...

[Read More...]

HTML5 Video DOM

HTML5 <video> - Take Control Using the DOM The HTML5 <video> element also has methods, properties, and events. There are methods for playing, pausing, and loading, for example. There are properties (e.g. duration, volume, seeking) that you can read or set. There are also DOM events that can notify you, for example, when the <video> element begins to play, is paused, is ended, etc. The examples below...

[Read More...]

HTML5 VIDEO

Many modern websites show videos. HTML5 provides a standard for showing them. Video on the Web Until now, there has not been a standard for showing a video/movie on a web page. Today, most videos are shown through a plug-in (like flash). However, different browsers may have different plug-ins. HTML5 defines a new element which specifies a standard way to embed a video/movie on a web page: the <video> element. Browser...

[Read More...]

HTML5 - New Elements

New Elements in HTML5 The internet has changed a lot since HTML 4.01 became a standard in 1999. Today, some elements in HTML 4.01 are obsolete, never used, or not used the way they were intended to. These elements are removed or re-written in HTML5. To better handle today's internet use, HTML5 includes new elements for better structure, better form handling, drawing, and for media content. New Semantic/Structural Elements HTML5...

[Read More...]

HTML5 is The New HTML Standard

HTML5New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D Graphics Local Storage Local SQL Database Web Applications HTML5 Example:<video controls="controls" height="240" width="320"> <source src="movie.mp4" type="video/mp4"></source> <source src="movie.ogg" type="video/ogg"></source> <source src="movie.webm" type="video/webm"></source> Your browser does not support the...

[Read More...]