Media plugin difficulties
Hi all,
I'm trying to get the media plugin to work on my server. I've stripped down the demo code and the player doesn't show. I've tried different version of the js and have the latest version downloaded to my server. I even added the document ready to make sure nothing was hanging. I'm sure I've done something really stupid, but I want to understand how to use this plugin properly.
Any thoughts would be appreciated.
Thanks
Jay
Here is a copy of my stripped down 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>