Media Plugin problem
I'm trying to learn how to use the media plugin. I must be doing something really stupid. I've taken the audio sample and stripped it down and I can't get the player to ever show? Any thoughts on where I screwed up?
Here is my code.
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" ><html xmlns=
"http://www.w3.org/1999/xhtml" xml:lang= "en" lang= "en" >
<head>
<meta http-equiv=
"content-type" content= "text/html; charset=UTF-8" />
<meta http-equiv=
"Content-Style-Type" content= "text/css" />
<title>JQuery Media Plugin - Audio Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="/acds/scripts/jquery.media.js?v0.92"></script>
<script type="text/javascript" src="/acds/scripts/jquery.metadata.js"></script>
<script type="text/javascript">
$
( document ). ready ( function () {
$
( 'a . media' ). media ( { width: 300 , height: 20 } ) ;
}
) ;
</script>
</head>
<body>
<div>
<a class = "media" href = "example.mp3" > MP3 File </a>
</div>
</body>
</html>