larryaronson.com New Media Elements

New Media Elements

<audio> … </audio>

<audio src="url" preload autoplay loop controls> fallback content </audio>

<video> … </video>

<video src="url" poster="url" width="x" height="y"
       preload autoplay loop controls>  
  fallback content 
</video>

<video poster="url" width="x" height="y" preload autoplay loop controls> 
  <source src="url1" type="content-type" codecs="params"/>
  <source src="url2" type="content-type" codecs="params"/>
  ... 
  fallback content 
</video>

<canvas> … </canvas>

<canvas width="x" height="y">
  fallback content 
</canvas>

Demos: bargraph, Map & Flags, BBB, more