Internet Explorer not working with JW Player and Cloudfront

This thread may refer to an older version of JW Player! Check our articles for the most up-to-date information.
This Q&A thread was imported from our previous system and could apply to an older product.
  • 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 …

     
    Up Down 0 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.*

    Up Down 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.

     
    Up Down 0 rated
  • Will try thanks

    Up Down 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/

    Up Down 0 rated
  • Np!

     
    Up Down 0 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/

    Up Down 0 rated
  • Disregard the Cloudfront question... figured it out and it is working :)

    Up Down 0 rated
  • Great, glad you got it :)

     
    Up Down 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>

    Up Down 0 rated
  • Link?

     
    Up Down 0 rated

This QA is closed.

Still don't have JW Player? Get It Here