Sample

Interactivity on top of VideoJS4

Adways builds the interactivity on top of a VideoJS4 player already existing

<script type="text/javascript" src="//vjs.zencdn.net/4.12.5/video.js"></script>
<video id="videojs-player" class="video-js vjs-default-skin vjs-controls-enabled" controls preload="auto" width="620" height="264"
    poster="http://vjs.zencdn.net/v/oceans.png">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'>
    <source src="http://vjs.zencdn.net/v/oceans.ogv" type='video/ogg'>
</video>
<script type="text/javascript" src="//dj5ag5n6bpdxo.cloudfront.net/libs/interactive/loader.js"></script>
<script type="text/javascript">
    var videojsPlayer = videojs('videojs-player');
    var experience = new adways.interactive.Experience();
    experience.setPublicationID("mpNHyTH");
    experience.setPlayerAPI(videojsPlayer);
    experience.setPlayerClass("videojs");
    experience.setSceneTimeReference(false); //true for live interactivity (i.e. based on user time instead of video time).
    experience.load();
</script>