Radiant Media Player Blog

Sunsetting Internet Explorer 11 Support

Last updated on June 25, 2020 - Back to blog home page

Saying good-bye to Internet Explorer 11 (and Internet Explorer all together)

In May 2018, I was writing a similar blog post about ending support for Flash in Radiant Media Player. As we were one of the first web video players to drop Flash on the market, I remember sweating a bit on that one as we were moving forward with our no Flash - HTML5 only policy. Today I am "glad" to announce that with our next minor release, Radiant Media Player 5.10, we will no longer support Internet Explorer 11 (for Windows 7, 8 and 10). "Glad" here may be large word some may say, as the wind of nostalgia may take some of us back to the glorious CSS or JavaScript hacks that we have come to love and ... hate over the years to fit Internet Explorer rendering engine.

In place of Internet Explorer 11, Microsoft is bringing a top-notch browser, MS Edge Anaheim (a Chromium-based flavor of MS Edge). This new version of MS Edge runs not only on Windows 10, but also on Windows 7, 8, macOS and is already showing good sign of adoption on the market.

Why are we sunsetting Internet Explorer 11 support in Radiant Media Player now?

The reason why we are taking that move now is because the cost of maintaining support for Internet Explorer 11 outdated CSS or JavaScript engine is no longer a reasonable option, especially with all those new and exciting specifications available for more modern browsers: WebXR, LL-HLS ...

Internet Explorer 11 usage has steadily decline over the past few years and is now well below 5%. It is now safe to say that dropping support for Internet Explorer 11 will have very little to no impact on your viewers.

Microsoft's own view on Internet Explorer 11 is to consider it as a "compatibility solution" for outdated web apps.

We are not alone in that choice to drop support for Internet Explorer 11, as the team behind Shaka Player - Shaka Player that we use for DASH streaming in Radiant Media Player - has already made that push forward.

What happens if I still have to support Internet Explorer 11?

The latest version of Radiant Media Player to still support Internet Explorer 11 is 5.9.2.

Versions 5.10+ no longer support Internet Explorer 11. Customers (there should not be many) with a business requirement to support Internet Explorer 11 may remain on version 5.9.2 until that requirement fades away.

If you have a business requirement to use Radiant Media Player 5.10+ and you still need to support Internet Explorer 11, you may use the following JavaScript workaround that dynamically loads different player versions while feature-detecting Internet Explorer 11:

<div id="rmpPlayer"></div>
<script>
  var head = document.head || document.getElementsByTagName("head")[0];
  var body = document.body || document.getElementsByTagName("body")[0];
  var rmpContainer, rmpScript, rmp;
        
  // When Radiant Media Player JavaScript file is asynchronously loaded we append the player to the DOM
  var _onLoadAppendPlayer = function () {
    // First we create our player container and append it to DOM - in this case the body of our page but it can be anything
    rmpContainer = document.createElement('div');
    var elementID = 'rmpPlayer';
    rmpContainer.id = elementID;
    body.appendChild(rmpContainer);
    // Then we define our player settings as usual
    var src = {
      hls: 'your-hls-url'
    };
    var settings = {
      licenseKey: 'your-license-key',
      src: src,
      width: 640,
      height: 360,
      autoplay: true
    };
    rmp = new RadiantMP(elementID);
    rmp.init(settings);
  };
         
  // Log an error if we are unable to retrieve Radiant Media Player JavaScript file
  var _onErrorLog = function () {
    console.log('could not load Radiant Media Player JavaScript file');
  };
    
  // We create our script tag with async set to true and append it to our head
  // When it loads we create our player instance
  rmpScript = document.createElement('script');
  // Feature-based detection for IE11 - if IE11 we load player version 5.9.2 - if not we load the latest player version
  var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
  if (isIE11) {
    rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/5.9.2/js/rmp.min.js';
  } else {
    rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/5.12.2/js/rmp.min.js';
  }
  rmpScript.async = true;
  rmpScript.addEventListener('load', _onLoadAppendPlayer);
  rmpScript.addEventListener('error', _onErrorLog);
  head.appendChild(rmpScript);
</script>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.

©2015-2021 Radiant Media Player. All rights reserved.