/** 2.a. setup player configuration */ var playerConfig = { dataProvider: { source: [ { url: "http://bradmax.com/static/video/tears_of_steel.mp4" } ] } };
/** 2.b. create HTML script element */ var script = document.createElement("script");
/** 2.c. setup HTML script element */ var playerConfigStr = escape(JSON.stringify(playerConfig)); script.setAttribute("data-bs-variables", playerConfigStr); script.setAttribute("data-bs-parent-id", "PLAYER_DOM_ID"); script.setAttribute("src", "PLAYER_SOURCE.js"); script.setAttribute("async", "true"); script.setAttribute("type", "text/javascript");
/** 2.d. append HTML script element to page DOM tree */ var head = document.getElementsByTagName("head")[0]; head.appendChild(script);