LongTail Video is now JW Player - New Name, Same Passion For Video

Close

JW Player Forums

CATEGORY:

/

Internet Explorer not working with JW Player and Cloudfront

11 replies [Last post]

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.

Try to remove the <![CDATA[ blocks ...

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.

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.

Will try thanks

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/

Np!

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/

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

Great, glad you got it :)

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>

Link?

Still don't have the new JW Player? Get It Here