Search jQuery

jQuery Forum

Using jQuery Plugins

ian.osull..

Media pluging not working

in Using jQuery Plugins • 11 years ago

Hi there

I'm a newbie to the jQuery media plugin.

I've followed the instructions at http://malsup.com/jquery/media/ but I haven't had any luck.

I have jQuery core included from http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js and I have downloaded and included the file from http://malsup.com/jquery/media/jquery.media.js?v.92

I have the media call like this;

//Convert 'media' tags using jQuery

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

//Style appropriate menu item

$('#menu_item_3').addClass('current');

</script>

I have a href tag like this; <a class="media" href="../media/video/lisdoonvarna_1.3gp">Lisdoonvarna</a>

I've viewed the source but it has not converted the a tag to a div as expected.

What am I doing wrong?

By the way I'm already using jquery successfully throughout my site. Just can't media to work?!

Replies(4)

malsup

Re: Media pluging not working

11 years ago

Is that script block at the bottom of the page or in the head? If it's in the head then you need to wait for the dom to be fully loaded:

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

ian.osull..

Re: Re: Media pluging not working

11 years ago

Thanks malsup. That was my issue.

riker123

Re: Media pluging not working

11 years ago

Hi,

I have got the same Problem like ian.sullivan, but I already use a call like this

$(document).ready(function(){
        $.fn.media.defaults.mp3Player = '/player/player.swf';
        $('a.media').media();
    });

with a tag like this:

<a class="media" href="http://localhost/swf/sample.mp3">MP3 File</a>

The only effect is that the link is replaced by a white box with the link text in it. I am using jquery.1.4.3.js and I downloaded jquery.media.js from malsup's page.

Can anyone help me?

riker123

neo314

Re: Re: Media pluging not working

9 years ago

I'm having the same problem as riker123. I'm using jQuery 1.7. I should saw it works with WMV files, but nothing else.

For anything else, a link like this:

<a class="media {width:480,height:360}" href="/assets/vidFile.flv">Link Text.</a>

generates code like this:

<div class="media {width:480,height:360}" style="background-color: rgb(255, 255, 255); width: 480px;">
<div>Link Text.</div>
</div>

Top Reply

Response title

Attachments

jQuery Forum

Media pluging not working

Replies(4)

Re: Media pluging not working

Re: Re: Media pluging not working

Re: Media pluging not working

Re: Re: Media pluging not working

Statistics

Tags

Actions

Related Posts