<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'pause')"> Pause Video </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'captions', true)"> captions </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'volume', [.5])"> Set volume to 50% </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'source', ['MTM1MjA5MA==','5'])"> Set Source </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'showControls', [1])"> Toggle Controls visibility </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'hideControls', [0])"> Toggle Controls visibility </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'imageOnPause', [0])"> </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'currentTime', [30])"> Set Time To 30 </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'getTime', ['3','6'], getTime)">
  Set Listener
</button>
<script>
  function getTime(time){
  console.log('[vp]getTime',time);
  //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'getCurrentTime', null, getCurrentTime)">
  Set Listener
</button>
<script>
  function getCurrentTime(time){
  console.log('[vp]getCurrentTime',time);
  //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'getDuration', null, getDuration)">
  Set Listener
</button>
<script>
  function getDuration(duration){
  console.log('[vp]getDuration',duration);
  //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'setRemainingTime', ['25','20'], setRemainingTime)">
  Set Listener
</button>
<script>
  function setRemainingTime(time){
  console.log('[vp]setRemainingTime',time);
  //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="addNewPlayerSettings()">
  Add New Player Settings
</button>
<script>
  function addNewPlayerSettings(time){
    const playerId = 'MTM1MjA5MA=='
    function addNewPlayerSettings() {
        const newPlayerSettings = {
            alwaysVisibleControls: true,
            colors: {
                bars:"#fa07d8ff",
                controls:"#5aff2aff",
                skin:"#fff",
            }
        }   
        spotlightrAPI(playerId, 'addNewPlayerSettings', newPlayerSettings)     
    }
  }
</script>

<script>
function completeOptin(){
  spotlightrAPI('MTM1MjA5MA==', 'completeOptin', ["test@test.com"]);
}
</script>

<script>
function setCustomViewerID(){
  spotlightrAPI('MTM1MjA5MA==', 'setCustomViewerID', ["member_123"]);
}
</script>

<script>
function sendVideoAnalytics(){
  spotlightrAPI('MTM1MjA5MA==', 'sendVideoAnalytics');
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'showLocks', [1 OR 0])"> Show Locks </button>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'showOverlays', [1 OR 0])"> Show Overlays </button>

<script>
document.addEventListener('vooPlayerReady', vooPlayerReady, false);

function vooPlayerReady(event){
    console.log("[vp]vooPlayerReady",event);
    spotlightrAPI("MTM1MjA5MA==", 'getDuration', null, getDurationCallback);
    spotlightrAPI("MTM1MjA5MA==", 'setRemainingTime', ['25','20'], setRemainingTime);
    spotlightrAPI("MTM1MjA5MA==", 'getTime', ['3','6'], getTime);
    spotlightrAPI("MTM1MjA5MA==", 'onPause', null, onPause);
  }
  function getDurationCallback(duration){
    console.log("[vp]getDurationCallback",duration);
  }
  function setRemainingTime(time){
    console.log("[vp]setRemainingTime",time);
  }
  function getTime(time){
    console.log("[vp]getTime",time);
  }
  function onPause(){
    console.log("[vp]onPause");
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onEnded', null, onVideoEnded)">
  Set Listener
</button>
<script>
  function onVideoEnded(){
    console.log('[vp]onVideoEnded');
    //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onPlay', null, onVideoPlay)">
  Set Listener
</button>
<script>
  function onVideoPlay(){
    console.log('[vp]onVideoPlay');
    //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onPause', null, onVideoPaused)">
  Set Listener
</button>
<script>
  function onVideoPaused(){
    console.log('[vp]onVideoPaused');
    //DO STUFF HERE
  }
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onSeeked', null, onVideoSeeked)">
  Set Listener
</button>
<script>
  function onVideoSeeked(time){
  console.log('[vp]onVideoSeeked', time);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'answerSubmitted', null, onAnswerSubmitted)">
  Set Listener
</button>
<script>
  function onAnswerSubmitted(answerData){
  console.log('[vp]onAnswerSubmitted', answerData);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'quizFinished', null, onQuizFinished)">
  Set Listener
</button>
<script>
  function onQuizFinished(results){
  console.log('[vp]onQuizFinished', results);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onResolutionChange', null, onResolutionChange)">
  Set Listener
</button>
<script>
  function onResolutionChange(data){
  console.log('[vp]onResolutionChange', data.returnValue);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onPlaybackSpeedChange', null, onPlaybackSpeedChange)">
  Set Listener
</button>
<script>
  function onPlaybackSpeedChange(data){
  console.log('[vp]onPlaybackSpeedChange', data.returnValue);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onVolumeChange', null, onVolumeChange)">
  Set Listener
</button>
<script>
  function onVolumeChange(data){
  console.log('[vp]onVolumeChange', data.returnValue);
  //DO STUFF HERE
}
</script>

<button type="button" name="button" onclick="spotlightrAPI('MTM1MjA5MA==', 'onFullscreenChange', null, onFullscreenChange)">
  Set Listener
</button>
<script>
  function onFullscreenChange(data){
  console.log('[vp]onFullscreenChange', data.returnValue);
  //DO STUFF HERE
}
</script>

Spotlightr REST API allows you to communicate with the Spotlightr database and servers using the here defined set of requests.

• Upload a new video and apply predefined settings
• Create a new video with predefined settings via link (youtube, vimeo, dropbox, etc/)

Here are just a few real-world examples that showcase what the Spotlightr API enables you to do.

• Generate a Spotlightr with predefined look and interactions by uploading a new file
• Automatically brand YouTube videos and set locks on them

For accessing the REST API client must have an API Key. It can be generated through the application: Settings > Integrations & APIs > Spotlightr API Key > Get API key

• vooKey: for API authentication
• name: Name of the video
• URL: stands for any link (youtube, gdrive, vimeo...)

• vooKey: for API authentication
• name: Name of the video
• file: Attach the video file for upload

Allows you to customize the URL of the Watch Page or source of the embedded iframe with added functionality.

For example: https://spotlightrteam.cdn.spotlightr.com/watch/MTMxNjk4NA==?t=62 will stat the video at 01:02