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

JWPlayer 6 not working on IE8


Updated to JW6 and now having issues with playback on IE.

No error to show, player does not load.

Videos play fine in Chrome, FF and Safari.

http://www.nybg.org/video-feature.php

Any help is greatly appreciated

Thank you

10 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

What version of Flash do you have installed on IE8?

JW Player

User  
0 rated :

I have flash V. 11.2

Just noticed the video on your home page plays fine. Not sure where I went wrong...

Ethan Feldman

JW Player Support Agent  
0 rated :

Hmm, maybe try updating?

On – http://www.longtailvideo.com/support/jw-player-setup-wizard, try it, and make Flash the default in the toggles.

JW Player

User  
0 rated :

Updated to flash 11.5.502.110

I believe the error is coming from using multiple sources, not the flash player.

Test:
bc.. <script type="text/javascript">
jwplayer("one_source_html5").setup({
file: "http://www.nybg.org/video/video_feature/edible_academy_feature.mp4",
width: "640",
height: "360",
image: "http://www.nybg.org/video/video_feature/edible_academy_feature.jpg",
});

jwplayer("one_source_flash").setup({
file: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.mp4",
height: 360,
width: 640,
primary: "flash",
title: "Native Plant Garden",
image: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.jpg"
});


jwplayer("two_sources_flash").setup({
sources: [
{ file: "http://www.nybg.org/video/video_feature/kiku_feature.mp4" },
{ file: "http://www.nybg.org/video/video_feature/kiku_feature.webmhd.webm", }
],
primary: "flash",
height: 360,
width: 640,
title: "Kiku: Japanese Chrysanthemums",
image: "http://www.nybg.org/video/video_feature/kiku_feature.jpg"
});
</script>



In the last example, "one_source_html5" and "one_source_flash" played perfectly in IE. This suggest that the problem is not flash, instead is multiple sources. this also explains why videos on your main site play fine on our IE

The problem with this set up is that it does not play properly in firefox video is downloaded when played).

You documentation does not make it very clear if in order to use 'sources:' one HAS to use bc.. "playlist: [{ }"
, But I tried anyway to no avail.

Do you have a Setup Wizard that can set up multiple sources? could you please take a look at my mark up and tell me if I made some kind of mistake?

Thanks again for your time.

JW Player

User  
0 rated :

Hi Eddy,

maybe IE8 was once used in compatibility mode (the toggle right beside the URL text field) and kept this setting for this URL?

This could be an explanation, because in normal IE 8 mode (i.e. not compatibility mode to IE7) Player 6 works for me, but for IE7 (and also IE >= 8 in compatibility mode) there is a know issue which longtail will fix with player 6.1, as far as they sad.

So maybe you should check if after cleaning all temporary data (not only cache but all offline data) the problem still is there.

Ethan Feldman

JW Player Support Agent  
0 rated :

That might be it.

I just did a quick test on my localhost and this code works in IE8:

<!DOCTYPE html>
<script src="jwplayer.js"></script>
<div id='my-video'></div><br />
<div id='my-video2'></div><br />
<div id='my-video3'></div><br />
<script type="text/javascript">
      jwplayer("my-video").setup({
    file: "http://www.nybg.org/video/video_feature/edible_academy_feature.mp4",
    width: "640",
    height: "360",
    image: "http://www.nybg.org/video/video_feature/edible_academy_feature.jpg",
  });

    jwplayer("my-video2").setup({
       file: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.mp4",
height: 360,
width: 640,
primary: "flash",
title: "Native Plant Garden",
image: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.jpg"
    });

    jwplayer("my-video3").setup({
         sources: [
            { file: "http://www.nybg.org/video/video_feature/kiku_feature.mp4" },
            { file: "http://www.nybg.org/video/video_feature/kiku_feature.webmhd.webm", }   
        ],
        primary: "flash",
height: 360,
width: 640,
title: "Kiku: Japanese Chrysanthemums",
image: "http://www.nybg.org/video/video_feature/kiku_feature.jpg"
    });
</script>

JW Player

User  
0 rated :

I see what you both mentioned before: When I toggled compatibility mode the videos DID load. The problem was that compatibility-mode appears to be enabled on page load with IE8 - which we tested on various PCs. A very large part of our demographic is made up of IE users. Doubt they would know what to do if faced with this problem. Just a note in case this really is a bug to be fixed.

This morning I tried two other things: Removed extra comma from bc.. .webm" , }
that I had not previously not noticed.

Made sure that video ID's in html used double quotes and video ID's in Javascript used single quotes.

Not sure if one or a combination of these did the trick but getting oppressive test on all desired browsers! :)

Here is my final markup in case someone else runs into this issue:


bc.. <div id="video1"></div>
<div id="video2"></div>
<div id="video3"></div>


<script type="text/javascript">
jwplayer('video1').setup({
sources: [
{ file: "http://www.nybg.org/video/video_feature/edible_academy_feature.mp4" },
{ file: "http://www.nybg.org/video/video_feature/edible_academy_feature.webmhd.webm" }
],
width: "640",
height: "360",
image: "http://www.nybg.org/video/video_feature/edible_academy_feature.jpg",
});


jwplayer('video2').setup({
sources: [
{ file: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.mp4" },
{ file: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.webmhd.webm" }
],
width: "640",
height: "360",
image: "http://www.nybg.org/video/video_feature/native_plant_garden_feature.jpg",
});

jwplayer('video3').setup({
sources: [
{ file: "http://www.nybg.org/video/video_feature/kiku_feature.mp4" },
{ file: "http://www.nybg.org/video/video_feature/kiku_feature.webmhd.webm" }
],
width: "640",
height: "360",
image: "http://www.nybg.org/video/video_feature/kiku_feature.jpg",
});


</script>





Thank you both a ton for your help!

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks for sharing! NP!

JW Player

User  
0 rated :

but getting a POSITIVE test on all desired browsers! :)*

Ethan Feldman

JW Player Support Agent  
0 rated :

:)

This question has received the maximum number of answers.