SummArg | Cursos y recursos para webmasters

07/03/2011

Plugin Media para jQuery que permite embeber Flash, Quicktime, WMP, Real Player, MP3 y mucho más.

jQuery Media Plugin convierte un simple link como este:

<a class="media" href="sample.swf">My Flash Movie</a>

En un marcado que incluya todo el código necesario para insertar un reproductor que permita visualizar el tipo de archivo particular:

<div class="media"> 
    <object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7" 
        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
        type="application/x-oleobject"> 
        <param name="src" value="sample.swf"> 
        <embed src="sample.swf" 
            type="application/x-shockwave-flash" 
            pluginspage="http://www.adobe.com/go/getflashplayer"></embed> 
    </object> 
    <div>My Flash Movie</div> 
</div>

Sólo debemos descargar jquery.media.js o linkearlo desde github de la siguiente manera:

<script type="text/javascript" src="http://github.com/malsup/media/raw/master/jquery.media.js?v0.92"></script> 

También necesitamos linkear jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

Y colocar una clase que active el plugin, en este caso la clase es media.

<script>
$('.media').media();
</script>

El plugin trabaja con los siguientes formatos:

PlayerFormatos
Quicktimeaif, aiff, aac, au, bmp, gsm, mov, mid, midi, mpg, mpeg, mp4, m4a,
psd, qt, qtif, qif, qti, snd, tif, tiff, wav, 3g2, 3pg
Flashflv, mp3, swf
Windows Media Playerasx, asf, avi, wma, wmv
Real Playerra, ram, rm, rpm, rv, smi, smil
Silverlightxaml
iframehtml, pdf

Dejar un comentario