Documentation

Radiant Media Player

Dealing with Internet Explorer 11 end of life

The age of Internet Explorer 11 is coming to an end!

Since version 5.10 of Radiant Media Player, we no longer support Internet Explorer 11. This means the player will not display at all in Internet Explorer 11 starting with that version. In this article we have decided to document options available to our customers that may still have business requirements to support Internet Explorer 11. The last player version to support Internet Explorer 11 was version 5.9.2. This version has been tested and can safely be used in Internet Explorer 11.

The bottom line remains that Internet Explorer 11 is no longer a suitable browser for today's web and Microsoft itself does not want this browser to be used anymore.

Microsoft has scheduled June 15, 2022 for the Internet Explorer 11 desktop application to no longer be supported. As of Mid-2021 Microsoft has already dropped support for Internet Explorer 11 on several apps and services.

Below are player code examples that can help you deal with the end of life cycle of Internet Explorer 11 with Radiant Media Player while still benefiting from Radiant Media Player latest releases on non-IE browsers.

Player code examples

HLS streaming (Media Source Extensions required - IE 11 for Windows 8+)

<div id="rmp"></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 is asynchronously loaded we append player to DOM
  var _onLoadAppendPlayer = function () {
    // First we create our player container and append it to DOM
    rmpContainer = document.createElement('div');
    var elementID = 'rmp';
    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/6.4.1/js/rmp.min.js';
  }
  rmpScript.async = true;
  rmpScript.addEventListener('load', _onLoadAppendPlayer);
  rmpScript.addEventListener('error', _onErrorLog);
  head.appendChild(rmpScript);
</script>

DASH streaming with PlayReady DRM (IE 11 for Windows 8.1+)

<div id="rmp"></div>
<script>
  var head = document.head || document.getElementsByTagName('head')[0];
  var body = document.body || document.getElementsByTagName('body')[0];
  var rmpContainer, rmpScript, rmp;

  var _onLoadAppendPlayer = function () {
    rmpContainer = document.createElement('div');
    var elementID = 'rmp';
    rmpContainer.id = elementID;
    body.appendChild(rmpContainer);
    var src = {
      dash: 'https://media.axprod.net/TestVectors/v7-MultiDRM-SingleKey/Manifest.mpd',
      // here is our AES-128 HLS fallback
      hls: 'https://www.radiantmediaplayer.com/media/rmp-segment/bbb-abr-aes/playlist.m3u8'
    };
    var settings = {
      licenseKey: 'your-license-key',
      src: src,
      width: 640,
      height: 360,
      autoplay: true,
      dashFirst: true,
      hlsEngine: 'hlsjs',
      // passing DRM settings
      shakaDrm: {
        servers: {
          'com.widevine.alpha': 'https://drm-widevine-licensing.axtest.net/AcquireLicense',
          'com.microsoft.playready': 'https://drm-playready-licensing.axtest.net/AcquireLicense'
        }
      },
      shakaRequestConfiguration: {
        license: {
          headers: {
            'X-AxDRM-Message': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ2ZXJzaW9uIjoxLCJjb21fa2V5X2lkIjoiYjMzNjRlYjUtNTFmNi00YWUzLThjOTgtMzNjZWQ1ZTMxYzc4IiwibWVzc2FnZSI6eyJ0eXBlIjoiZW50aXRsZW1lbnRfbWVzc2FnZSIsImtleXMiOlt7ImlkIjoiOWViNDA1MGQtZTQ0Yi00ODAyLTkzMmUtMjdkNzUwODNlMjY2IiwiZW5jcnlwdGVkX2tleSI6ImxLM09qSExZVzI0Y3Iya3RSNzRmbnc9PSJ9XX19.4lWwW46k-oWcah8oN18LPj5OLS5ZU-_AQv7fe0JhNjA' 
          }
        }
      }
    };
    rmp = new RadiantMP(elementID);
    rmp.init(settings);
  };

  var _onErrorLog = function () {
    console.log('could not load Radiant Media Player JavaScript file');
  };

  rmpScript = document.createElement('script');
  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/6.4.1/js/rmp.min.js';
  }
  rmpScript.async = true;
  rmpScript.addEventListener('load', _onLoadAppendPlayer);
  rmpScript.addEventListener('error', _onErrorLog);
  head.appendChild(rmpScript);
</script>

Video ads with Google IMA (IE 11 for Windows 7+)

<div id="rmp"></div>
<script>
  var head = document.head || document.getElementsByTagName('head')[0];
  var body = document.body || document.getElementsByTagName('body')[0];
  var rmpContainer, rmpScript, rmp;
  var isIE11 = !!window.MSInputMethodContext && !!document.documentMode;

  var _onLoadAppendPlayer = function () {
    rmpContainer = document.createElement('div');
    var elementID = 'rmp';
    rmpContainer.id = elementID;
    body.appendChild(rmpContainer);
    var src = {
      hls: 'https://your-hls-url.m3u8'
    };
    if (isIE11) {
      src = {
        // On IE 11 for Windows 7 Media Source Extensions are not available so we use progressive download for content
        mp4: [
          'https://your-mp4-url.mp4'
        ]
      };
    }
    var settings = {
      licenseKey: 'your-license-key',
      src: src,
      width: 640,
      height: 360,
      autoplay: true,
      ads: true,
      adTagUrl: 'https://your-ad-tag-url'
    };
    rmp = new RadiantMP(elementID);
    rmp.init(settings);
  };

  var _onErrorLog = function () {
    console.log('could not load Radiant Media Player JavaScript file');
  };

  rmpScript = document.createElement('script');
  if (isIE11) {
    rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/5.9.2/js/rmp.min.js';
  } else {
    rmpScript.src = 'https://cdn.radiantmediatechs.com/rmp/6.4.1/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.