Layout

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://sdk.teester.com/loader.js";
document.getElementsByTagName("head")[0].appendChild(script);


var productId = //PRODUCT ID ARRAY
window.onTeesterReady = window.onTeesterReady || [];
window.onTeesterReady.push(function (SDK) {
  var playerKey = //PLAYER API KEY "";
  var trackingKey = //TRACKING API KEY"";

  SDK.checkVideoAvailability(playerKey, productId, function (value) {
    if (value) {
      SDK.getVideos(playerKey, productId, function (videos) {

        //Player
        var divPlayer = document.createElement("div");
        divPlayer.setAttribute("id", "ugvPlayer");
        divPlayer.style.width = "550px"

        var videoPlayer = document.createElement("div");
        videoPlayer.style.marginTop = "1rem";
        videoPlayer.style.aspectRatio = "16/9";
        videoPlayer.style.paddingBottom = "56.25%";
        SDK.init(
          {
            type: "player",
            args: {
              key: playerKey,
              product: productId,
              width: "100%",
            },
          },
          videoPlayer
        );
        
        divPlayer.appendChild(videoPlayer)
        
        document.querySelector(//SELECTEUR DOM).prepend(divPlayer)
        
        // Tracking
        var tracking = SDK.init({
          type: "tracking",
          args: {
            key: trackingKey,
            product: productId,
            event: "PRODUCT_PAGE_VIEW",
          },
        })


      });
    }
  });
});