Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

html5 $("myplayer").jwplayer is not a function

I setup html5 player like the example.

bc.. <video id="myplayer" src="filename" width="640" height="480">



and javascript call

bc.. $('myplayer').jwplayer({skin:'/mediaplayer/five.xml'});


in the header I have:

bc.. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/mediaplayer/jquery.jwplayer.js"></script>



in Firefox, it gives an error:

bc.. $("myplayer").jwplayer is not a function


What am I doing wrong?

5 Community Answers

Up Down

JW Player

User  
0 rated :

In Chrome I get:

Object #an HTMLVideoElement has no method 'jwplayer'

Up Down

JeroenW

JW Player Support Agent  
0 rated :

It looks like the javascript file is not being loaded. Are you sure you uploaded it?

Do you have a live example?

Up Down

JW Player

User  
0 rated :

I had same problem. Fixed it. The problem is that the "mediaplayer" folder has some restrictive permissions. Either create a new folder to put the files in or change the permissions on the folder.

Up Down

JW Player

User  
0 rated :

The directories were not restrictive. I gave write permission as well.

Still have the problems.

Up Down

JW Player

User  
0 rated :

Hi there,

I have a similar. The second slide in my slider contains a HTML5 video: http://www.ghostpool.com/dev/1/

I receive an error in Firebug that reads: "jQuery("video-730").jwplayer is not a function". I'm calling the jwplayer.js file in the header. The HTML5 video loads but it's being loaded in the browsers own video player not the JW Player with the skin I specified.

This is the code I"m using:

bc.. <video id="video-'.get_the_ID().'" width="'.$slide_video_width.'" height="'.$height.'" poster="'.$slide_image.'" controls preload>
<source src="'.get_post_meta($post->ID, 'ghostpool_slide_video', true).'" type="video/mp4" />
<source src="'.get_post_meta($post->ID, 'ghostpool_slide_video', true).'" type="video/ogg" />
</video>

<script>
jQuery("video-'.get_the_ID().'").jwplayer({
flashplayer: "'.get_bloginfo("template_directory").'/lib/scripts/mediaplayer/player.swf",
skin: "'.get_bloginfo("template_directory").'/lib/scripts/mediaplayer/fs39/fs39.xml"
});
</script>';

This question has received the maximum number of answers.