jquery media plugin no me funciona

marcgispert · #1 (**permalink**) 19/07/2011, 16:15

Muy buenas, despues de buscar muchas horas la solución acudo aquí para ver si alguien me puede ayudar! Aparentemente es sencillisimo pero no hay manera de sacarlo...

Estoy intentando usar el media pluguin de jquery [URL="http://malsup.com/jquery/media/"]http://malsup.com/jquery/media/[/URL]

Pero no hay manera de que funcione correctamente. Los pasos que sigo exactamente són:

llamo a las siguientes librerias:

Código HTML:

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

<script type="text/javascript" src="jquery.metadata.v2.js"></script>
    

<script type="text/javascript" src="jquery.media.js"></script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

despues dentro del body pongo:

Código HTML:

<a class="media" href="marc.flv">FLV File</a>

y para terminar, antes de cerrar el body pongo:

Código HTML:

<script type="text/javascript">
    $(document).ready(function() {
          $('a.media').media();
         
    });
</script>

Que me estoy dejando o que hago mal????

Gracias por adelantado!

marcgispert · #2 (**permalink**) 20/07/2011, 12:46

Solucionado! X Si alguien se encuentra en mi misma situación... me equivoqué en la posicion del script... aqui pongo como quedaría el codigo:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <style type="text/css">
#main { background: #fff; margin: 20px; text-align: center }
a.media   { display: block; }
div.media { font-size: small; margin: 25px; width: 100% !important }
div.media div, div.iframe_caption { font-style: italic; color: #888; }
#lr { border: 1px solid #eee; margin: auto }
div.example { padding: 20px; margin: 15px 0px; background: #ffe; clear:left; border: 1px dashed #ccc; text-align: left }
</style>
    
    <title>prova video </title>
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.metadata.v2.js"></script>
    <script type="text/javascript" src="http://github.com/malsup/media/raw/master/jquery.media.js?v0.92"></script>
    
    <script type="text/javascript">
    $(document).ready(function() {
          $('a.media').media();
         
    });
</script>
    
    
    
</head>
<body>
        <a class="media {width:250, height:250}" href="hola.flv">FLV File</a>
 
 
 
 
 
</body>
</html>