HTML5 Video Player » canvas demo http://html5videoplayer.net/html5video Software for converting html5 video and embedding into websites! Tue, 13 Nov 2012 01:48:58 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 HTML5 Canvas Video Demo http://html5videoplayer.net/html5video/html5-canvas-video-demo/ http://html5videoplayer.net/html5video/html5-canvas-video-demo/#comments Mon, 20 Aug 2012 10:43:02 +0000 html5video http://html5videoplayer.net/html5video/?p=325 The canvas is a new element in HTML5, used to draw graphics, on the fly, via scripting (usually JavaScript). Old browsers do not support this new HTML5 element, new browsers, such as Internet Explorer 9, Firefox, Opera, Chrome, and Safari, support the canvas element.

A canvas is only a container for graphics with no border or content by default. It is a rectangular area on an HTML page, and it is specified with the canvas element. Such as bellow sample:

<canvas id="myCanvas" width="200" height="100"></canvas>

Always specify an id attribute (to be referred to in a script), and a width and height attribute to define the size of the canvas.

You can combine the canvas element with HTML5 video element. Here we will showcase a special effect created by the canvas and video elements together. (This demo, click on the image to play, works better in modern browsers except IE).

HTML5 Canvas Video Demo

]]> http://html5videoplayer.net/html5video/html5-canvas-video-demo/feed/ 0