This article demonstrate embedding configuration into a HTML page.   


Basic Configuration 

<script> 

    var player_options = { 

interactive: true,     

size: "SD",    

mute: true,

 cta_analytics: [ 

        ["idm-cta-btn1", "Click Me"], 

        ["idm-cta-btn2", "Join Now"] 

      ]  

    } 

      idmPlayerCreate(player_options, "idm-player"); 

  </script> 


Simple Configuration 

<html>

  <head>

    <script type="text/javascript" src="https://player.idomoo.com/latest/main.js"></script>

  </head>

  <body>

    <div id="idm_player" class="idm-player"></div>

    <div>

      <button class="idm-cta-btn1">Loved it</button>

      <button class="idm-cta-btn2">It cracked me down</button>

    </div>

    <script>

      var player_options = {

        interactive: true,

        size: "hd",

        autoplay: true,

        cta_analytics: [

          ["idm-cta-btn1", "Loved it"],

          ["idm-cta-btn2", "It cracked me down"]

        ]

      };

      idmPlayerCreate(player_options, "idm_player");

    </script>

  </body>

</html>


Multiple Video Players 

A single page can contain more than one video player. In order to do so each video player should have its own div id. 

At the example below there are 2 players:  “first_player” and “second_player” 

  <body>

    <script type="text/javascript" src="https://player.idomoo.com/latest/main.js"></script>

    <div id="first_player"></div>

    <div id="second_player"></div>

    <script>

      var player_options_first = {

        size: "hd",

        src: "https://materials.idomoo.com/2034/0000/72skl1v1fk32q1qpk362om3hk2mb39333d1o3g20r38e.mp4",

        interactive: true,

        autoplay: false,

        mute: true

      };

      var player_options_second = {

        size: "sd",

        src:

          "https://materials.idomoo.com/2034/0000/72skl1v1fk32q1qpk362om3hk2mb39333d1o3g20r38e.m3u8",

        autoplay: true

      };

      idmPlayerCreate(player_options_first, "first_player");

      idmPlayerCreate(player_options_second, "second_player");

    </script>

  </body>

 Next Player Coustomization Options
 Back Player Configuration