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”