How to Use the Cincopa Player API

<script src="https://rtcdn.cincopa.com/libasync.js" type="text/javascript"></script>
<div class="button-block">
   <button onclick="playVideo()">Play</button>
   <button onclick="pauseVideo()">Pause</button>
   <button onclick="jumpToSec('forward')">Jump +10sec</button>
   <button onclick="jumpToSec('backward')">Jump -10sec</button>
   <button onclick="toggleMute('mute')">Mute</button>
   <button onclick="toggleMute('unmute')">Unmute</button>
   <button onclick="enterFullScreen()">Fullscreen in</button>
   <button onclick="exitFullScreen()">Fullscreen out</button>
</div>
<div id="playerID">...</div>

<script type="text/javascript">
function playerAPI() {
  var galleryWrapID = 'playerID';
  if (cincopa && cincopa.getGalleryById(galleryWrapID) && cincopa.getGalleryById(galleryWrapID).playerAPI) {
    return cincopa.getGalleryById(galleryWrapID).playerAPI;
  } else {
    return false;
  }
}

function playVideo() {
  var player = playerAPI();
  if (player) {
    player.play();
  }
}

function pauseVideo() {
  var player = playerAPI();
  if (player) {
    player.pause();
  }
}

function jumpToSec(direction) {
  var player = playerAPI();
  if (player) {
    var currentTime = player.currentTime();
    player.setCurrentTime(direction === 'forward' ? currentTime + 10 : currentTime - 10);
  }
}

function toggleMute(command) {
  var player = playerAPI();
  if (player) {
    player.toggleMute(command);
  }
}

function enterFullScreen() {
  var player = playerAPI();
  if (player) {
    player.enterFullScreen();
  }
}

function exitFullScreen() {
  var player = playerAPI();
  if (player) {
    player.exitFullScreen();
  }
}
</script>