Able Player en AGORA 4.0

<script src="wp-content/plugins/wp-able-player/ableplayer/thirdparty/modernizr.custom.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="wp-content/plugins/wp-able-player/ableplayer/thirdparty/js.cookie.js"></script>

<script>
  // Get your own API key - ours only works on our registered domains!
  var youTubeDataAPIKey = 'XXXX';
  var googleApiReady = false;
  function initGoogleClientApi() {
    googleApiReady = true;
  }
</script>
<script src="//apis.google.com/js/client.js?onload=initGoogleClientApi"></script>

<!-- Able Player JavaScript -->
<script src="wp-content/plugins/wp-able-player/ableplayer/build/ableplayer.js"></script>

<!-- styles for this example page -->

<style>
  #wrapper {<br />    width: 100%;<br />  }<br />  #chapters {<br />    float: left;<br />    min-width: 12em;<br />    width: 30%;<br />    padding-right: 1em;<br />  }<br />  #chapters ul {<br />    border: 1px solid #AAA;<br />  }<br />  #player-plus {<br />    float: left;<br />    width: 65%;<br />  }<br />  div.able-chapters-div button:focus,<br />  div.able-chapters-div button:hover,<br />  div.able-chapters-div button::-moz-focus-inner {<br />    background-color: #666;<br />    color: #FFF;<br />  }<br /></style>
<div id="wrapper">
<div id="chapters"></div>
<div id="player-plus">

<!-- Properties of the player -->
<div id="player" lang="es"><video id="video1" preload="auto" width="300" height="150" data-able-player="" data-youtube-id="tnsB6YCHVXA" data-include-transcript="false" data-lang="es">
</video></div>

<div id="transcript"></div>
</div>
</div>