Edit in JSFiddle

// Songle Widget の準備が完了すると window.onSongleWidgetReady が実行される
window.onSongleWidgetAPIReady = function(SongleWidget) {
  // 音楽プレーヤーを表示する
  var player = new SongleWidget.Player({
    accessToken: '0000000a-zHFdDSW', // アクセストークン
    secretToken: 'hyFvgRwe3Kb6dHjYa3PR5Kr51u6RS8Wv' // シークレットトークン
  });

  // 使用する楽曲メディアを指定する
  player.useMedia(
    'www.youtube.com/watch?v=Blc2HbNaUsg',
    { rootElement: document.querySelector('div.media') });

  // 使用する plugin を追加する
  player.addPlugin(
    new SongleWidget.Plugin.SongleSync()
  );

  // 再生ボタンで再生を開始する
  var playButton = document.querySelector('button.play');
  playButton.addEventListener('click', function () {
    player.play();
  });

  // 停止ボタンで再生を停止する
  var pauseButton = document.querySelector('button.pause');
  pauseButton.addEventListener('click', function () {
    player.pause();
  });

  // 再生時刻を定期的に更新する
  var span = document.querySelector('span.time');
  setInterval(function () {
    if (player.isPlaying) {
      setText(span, msToTimeString(player.position));
    }
  }, 100);
}

function setText(node, text) {
	if (typeof node.textContent !== 'undefined') {
    node.childNodes[0].textContent = text;
  } else {
  	node.innerHTML = text;
  }
}

function msToTimeString(ms) {
  var sec = (ms / 1000 % 60) | 0;
  var min = (ms / 1000 / 60) | 0;

  return min + ':' + (sec < 10 ? ('0' + sec) : sec);
}

<script src="http://api.songle.jp/v2/api.js"></script>

<main>
  <setion>
    <div class="media"></div>
  </setion>
  <section class="control">
    <h1>master</h1>
    <p><span class="time">-</span></p>
    <p>
      <button class="play">再生</button>
      <button class="pause">停止</button>
    </p>
  </section>
</main>