<!DOCTYPE html>
<html>
  <head>
    <script src="//p3.3playmedia.com/p3sdk.current.js"></script>

    <style type="text/css">
    body{
      font-family: "Helvetica";
    }
    .p3sdk-current-word{
      background:red;
    }
    .p3sdk-interactive-transcript-content{
      width: 560px;
      height: 260px;
      overflow-y: auto;
      text-align: justify;
    }
    </style>

  </head>
  <body>

  

    <!-- container for video player and plugins -->

    <div class="p3sdk-container" player_id="youtube_handle" player_type="youtube">
  
      <!-- youtube player embed with javascript API --> 
        
        <script type="text/javascript" src="http://www.youtube.com/iframe_api"></script>
        <iframe 
            src="https://www.youtube.com/embed/LIUIyAUkka4?enablejsapi=1"
            frameborder="0" allowfullscreen 
            id="youtube_handle" 
            width="560" height="315">
        </iframe>

      <!-- interactive transcript -->
        
        <div class="p3sdk-interactive-transcript" project_id="12640" file_id="310201" light_scroll="true">
          <div class="p3sdk-interactive-transcript-content"></div>
        </div>

    </div>
  

  </body>
</html>