Make sure your player is integrated with these settings:
(Enable ActionScript/JavaScript APIs to enable the player for JavaScripting)
<param name="includeAPI" value="true" /> <param name="templateLoadHandler" value="onTemplateLoad" /> <param name="wmode" value="opaque" />
Insert this code into your page. The projectID is the ID of the Adways publication (hotspot...)
<script src="//users.adways.com/services/Loader/brightcove.loader.js"></script>
<script>
onTemplateLoad = function(experienceID) {
new adways.brightcove.Loader({ 'experienceID': experienceID, projectID: '030420141730105315ff927e8044' });
}
</script>
You can also set up a custom fullscreen button (to allow the Adways Interactivity on Fullscreen):
To do that, you have to place 2 parent Nodes, with specific sizes, and size to 100% the object element.
Dont forget to setup fullscreenButton and fullscreenButtonOnFullscreen vars (CSS).
Full code, with player instantiation, Adways instantiation and custom fullscreen:
<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script> <script type="text/javascript" src="//users.adways.com/services/Loader/brightcove.loader.js"></script> <div style="width:640px;height:340px;position:relative;"> <div style="width:100%;height:100%;position:relative;"> <object id="myExperience921449663001" class="BrightcoveExperience"> <param name="bgcolor" value="#FFFFFF" /> <param name="width" value="100%" /> <param name="height" value="100%" /> <param name="playerID" value="2079935931001" /> <param name="playerKey" value="AQ~~,AAAA1oy1bvE~,ALl2ezBj3WE0z3yX6Xw29sdCvkH5GCJv" /> <param name="isVid" value="true" /> <param name="isUI" value="true" /> <param name="dynamicStreaming" value="true" /> <param name="@videoPlayer" value="921449663001" /> <param name="includeAPI" value="true" /> <param name="templateLoadHandler" value="onTemplateLoad" /> <param name="wmode" value="opaque" /> </object> </div> </div> <script type="text/javascript">brightcove.createExperiences(); <script type="text/javascript"> onTemplateLoad = function(experienceID) { new adways.brightcove.Loader({ 'experienceID': experienceID, 'projectID': '030420141730105315ff927e8044', 'fullscreenButton': {bottom: "16px", right: "52px", width: "33px", height: "28px"}, 'fullscreenButtonOnFullscreen': {right: "31.333%"}}); } </script>