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

Internet Explorer not working with JW Player and Cloudfront


In the past few months, internet explorer stopped working for streaming videos from my AWS cloud-front distribution.

I originally setup everything following this document: http://aws.amazon.com/articles/4101

Chrome and Firefox work like a champ and I have searched all over to figure this out, but have had no luck. IE 9 used to work on my site but it stopped working sometime in February.

IE 8 has never worked.

Here is a link to my site: http://www.smattie.com/2012/02/22/video-aws-fault-tolerance-strategies/

Here is my code:

<!--This is where you call on the required JavaScript file. You uploaded this in step 2a; you can recognize it by the .js suffix-->
<script type="text/javascript" src="http://s3.amazonaws.com/smattiecdn/jwplayer.js"></script>

<div id="mediaspace">The information provided in this video is meant as a tutorial. It is not the final word on security or setup for your particular case. In Simpler terms: USE at your own risk. That said, I hope it helps.</div>

<!--Where it says smattievids/player.swf is where you specify the player that you uploaded in step 2b-->
<script type="text/javascript">// <![CDATA[
var so = new jwplayer('http://s3.amazonaws.com/smattiecdn/player.swf','mpl','470','290','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
<!--This next line is where you specify your video file (uploaded in step 2c). For .mp4 files, you must write it as below ('mp4:awsft'), *without* the .mp4 extension. For .flv files, you simply write the name of the file ('YOUR_VIDEO_FILE') -->
so.addVariable('file','mp4:awsft');
<!--This next line is where you point to your streaming distribution on cloudfront (done in step 3 above). NOTE: you *MUST* add "/cfx/st/" for it to work. This specifies it is a cloudfront object (cfx) and that it is to be streamed (st). This is the URL of the streaming distribution--it ends with .cloudfront.net. In the example above, I would write: 'rtmp://sXXXXXXXXXX.cloudfront.net/cfx/st/'
-->
so.addVariable('streamer','rtmp://sXXXXXXXXXX.cloudfront.net/cfx/st/');
so.write('mediaspace');
// ]]></script>
*IMPORTANT NOTE*: When you use the EC2Config service to run sysprep, it will *reset* the password. In order to obtain this new password, please right click your instance in the AWS Management console and select *Get Windows password.*

11 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

Try to remove the <![CDATA[ blocks …

JW Player

User  
2 rated :

Still no go for IE. (Firefox and Chrome work fine)

<!--This is where you call on the required JavaScript file. You uploaded this in step 2a; you can recognize it by the .js suffix-->
<script type="text/javascript" src="http://s3.amazonaws.com/smattiecdn/swfobject.js"></script>

<div id="mediaspace">The information provided in this video is meant as a tutorial. It is not the final word on security or setup for your particular case. In Simpler terms: USE at your own risk. That said, I hope it helps.</div>

<!--Where it says smattievids/player.swf is where you specify the player that you uploaded in step 2b-->
<script type="text/javascript">//
var so = new SWFObject('http://s3.amazonaws.com/smattiecdn/player.swf','mpl','470','290','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
<!--This next line is where you specify your video file (uploaded in step 2c). For .mp4 files, you must write it as below ('mp4:awsft'), *without* the .mp4 extension. For .flv files, you simply write the name of the file ('YOUR_VIDEO_FILE') -->
so.addVariable('file','mp4:awsft');
<!--This next line is where you point to your streaming distribution on cloudfront (done in step 3 above). NOTE: you *MUST* add "/cfx/st/" for it to work. This specifies it is a cloudfront object (cfx) and that it is to be streamed (st). This is the URL of the streaming distribution--it ends with .cloudfront.net. In the example above, I would write: 'rtmp://sdoc7h67ekkro.cloudfront.net/cfx/st/'
-->
so.addVariable('streamer','rtmp://s1qdaqf8zw0cxx.cloudfront.net/cfx/st/');
so.write('mediaspace');
// ]]></script>
*IMPORTANT NOTE*: When you use the EC2Config service to run sysprep, it will *reset* the password. In order to obtain this new password, please right click your instance in the AWS Management console and select *Get Windows password.*

Ethan Feldman

JW Player Support Agent  
0 rated :

Maybe you should consider moving over the the JW Embedder?

http://www.longtailvideo.com/support/blog/15827/using-the-jw-embedder-to-embed-your-player

swfobject is a much older way of embedding.

JW Player

User  
1 rated :

Will try thanks

JW Player

User  
0 rated :

You are the man... way less code.

<script type="text/javascript" src="http://s3.amazonaws.com/smattiecdn/jwplayer.js"></script>
<div id="thePlayer"></div>
<script type="text/javascript">
jwplayer("thePlayer").setup({
flashplayer: "http://s3.amazonaws.com/smattiecdn/player.swf",
file: "http://s3.amazonaws.com/smattiecdn/awsft.mp4",
height: "270",
width: "380"
});
</script>

All I needed to do was add this plugin: http://wordpress.org/extend/plugins/jw-player-plugin-for-wordpress/

Ethan Feldman

JW Player Support Agent  
0 rated :

Np!

JW Player

User  
1 rated :

Ethan,

How can I point that to my cloudfront distro instead of the S3 bucket?

Also I made a video on how to restore with IIS if you are interested:

http://www.smattie.com/2012/04/22/video-restore-your-wordpress-blog-using-backupbuddy-and-iis-7/

JW Player

User  
0 rated :

Disregard the Cloudfront question... figured it out and it is working :)

Ethan Feldman

JW Player Support Agent  
0 rated :

Great, glad you got it :)

JW Player

User  
0 rated :

I used the following code but its not working in IE.

<script type="text/javascript">
jwplayer("container").setup({
autostart: true,
flashplayer: "player/player.swf",
file: "https://www.18-06-2012.com/meditel_jahiz/<?php echo $row['vid_path'];?>",
image: "https://www.18-06-2012.com/meditel_jahiz/<?php echo $row['img_path'];?>",
height: 230,
width: 480
});
</script>

Ethan Feldman

JW Player Support Agent  
0 rated :

Link?

This question has received the maximum number of answers.