Using Flash-free Playback with Player V4

By default, the Ooyala player uses the Flash plugin to playback HLS across all browsers. The bit_wrapper plugin for DASH and HLS (bit_wrapper.min.js) plays HLS using the HTML5 standard (and Media Source Extensions), enabling HLS on web browsers without the use of Flash. HTML5 MSE also supports playback of MPEG-DASH (clear and DRM-protected content).

Enabling Flash-free Playback

  • If you serve your pages using only HTTP, skip steps 1-3 and complete only step 4.
  • If you serve any of your pages via HTTPS/SSL, you need to complete all steps to ensure that all pages are served using HTTPS.
To enable Flash-free playback using the Ooyala player:
  1. Contact Ooyala Technical Support to ensure that your environment is ready to support HTML5 Media Source Extensions (MSE)-based streaming.
  2. If you are using remote streams (remote assets) with HLS, make sure that all of your remote streams (manifest/m3u8 and fragment/ts) are served via HTTPS.
  3. If you are using any CDN other than Ooyala, make sure that the CORS setting is enabled from that CDN. For details, see Cross-Origin Resource Sharing (CORS).
  4. When embedding Player V4 on a page, you need to add “platform”:”html5” to playerParam, as shown in the following example. Setting this parameter allows playback of HLS across all browsers using the Media Source Extensions (MSE) on web browsers without the use of Flash.


   var playerParam = {
      "pcode": "YOUR_PCODE",
      "playerBrandingId": "YOUR_PLAYER_ID",
      "platform": "html5",
      "skin": {
         // Config contains the configuration setting for player
         // skin. Change to your local config when necessary.
         "config": "url_where_hosted/skin.json"
         // Add Optional Embedded Parameters Here
   OO.ready(function() {
   window.pp = OO.Player.create("container", "YOUR_ASSET_ID", playerParam);

Was this article helpful?