<link href="http://vjs.zencdn.net/5.6.0/video-js.css" rel="stylesheet">  
<script src="http://vjs.zencdn.net/5.6.0/video.js"></script>
  <script src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/dist/videojs-transcript.js"></script>
  <div class="video-container">
    <video id="video"
           class="video-js vjs-default-skin"
           height="300"
           width="600"
           controls>
      <p>
        Your browser doesn't support video. Please <a href="http://browsehappy.com/">upgrade your browser</a> to see the example.
      </p>
      <source src="http://www.openbeelden.nl/files/92/104101.ed_hd.mp4" type="video/mp4">
      <source src="http://www.openbeelden.nl/files/92/104105.ed_hd.webm" type="video/webm">
      <track kind="captions" src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/captions/captions.en.vtt" srclang="en" label="English" default>
      <track kind="captions" src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/captions/captions.sv.vtt" srclang="sv" label="Swedish">
      <track kind="captions" src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/captions/captions.ru.vtt" srclang="ru" label="Russian">
      <track kind="captions" src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/captions/captions.ja.vtt" srclang="ja" label="Japanese">
      <track kind="captions" src="http://muncul.in/smg/wp-content/themes/smg-mod/videomod/captions/captions.ar.vtt" srclang="ar" label="Arabic">
    </video>
    <div id="transcript"></div>
  </div>
  <script>
      var video = videojs('video').ready(function(){

          // fire up the plugin
          var transcript = this.transcript();

          // attach the widget to the page
          var transcriptContainer = document.querySelector('#transcript');
          transcriptContainer.appendChild(transcript.el());
      });
  </script>
