‹‹ mediajQuery Media Plugin - Video/Flash Demo

$('a.media').media();

<script type="text/javascript" src="jquery.metadata.js"></script> 
<script type="text/javascript" src="http://github.com/malsup/media/raw/master/jquery.media.js?v0.92"></script> 
 
... 
 
<a class="media {width:480, height:280}" href="http://malsup.github.com/video/simpsons.mov">MOV File (video)</a> 
<a class="media {width:250, height:250}" href="flash/curtain.flv">FLV File</a> 
<a class="media {width:250, height:250}" href="mediaplayer.swf?file=flash/curtain.flv">SWF with FLV (mediaplayer.swf?file=curtain.flv)</a> 
<a class="media {width:250, height:200}" href="flash/snail.swf">SWF File</a> 
<a class="media {width:450, height:380, type:'swf'}" href="http://youtube.com/v/TyvN59L4hJU">Youtube Video (SWF)</a> 
<a class="media {width:480, height:425}" href="http://malsup.github.com/video/ski.wmv">WMV File</a> 
<a class="media {width:300, height:300}" href="http://malsup.github.com/video/clear.avi">AVI File</a> 
<a class="media {width:250, height:150}" href="http://malsup.github.com/video/pulsar.mpg">MPG File</a> 
<a class="media {width:250, height:180}" href="http://malsup.github.com/video/tube.3g2">3G2 File (cell phone video)</a> 
<a class="media {width:400, height:250}" href="http://malsup.github.com/video/realvideo.ram">RAM File</a> 
<a class="media {width:650, height:500, caption: false}" href="flash/line.swf" id="lr">Line Rider!</a>