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

Note:
  • 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.

Example

<script>
   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);
   });
</script>                 

Was this article helpful?