<!DOCTYPE html>
<html lang="en">
  <head>
    <title>audio control</title>
    <!-- renderjs -->
    <script src="../<%= copy.rsvp.relative_dest %>" type="text/javascript"></script>
    <script src="../<%= copy.renderjs.relative_dest %>" type="text/javascript"></script>
  <script src="../<%= curl.jquery.relative_dest %>" type="text/javascript"></script>

    <script src="../<%= copy.uri.relative_dest %>" type="text/javascript"></script>
    <script src="../<%= copy.uritemplate.relative_dest %>" type="text/javascript"></script>
    <script src="../<%= concat.jio.relative_dest %>" type="text/javascript"></script>

    <script src="../mixin_promise/mixin_promise.js" type="text/javascript"></script>
    <!-- custom script -->
    <script src="./control.js" type="text/javascript"></script>
    <link rel="stylesheet" href="./control.css" media="screen" ></link> 
  </head>
  <body>
    <div class="info">
    </div>
      
    <div id="video" >
      <video id="videoControl" class="videoMP4" controls>
        <type="video/mp4">
          Your browser does not support the video tag.
      </video>
    </div>

    <!-- data-position="fixed" -->
    <div data-role="footer" data-position="fixed" data-theme="b">
      <div data-role="navbar">
        <ul>
          <li><a data-role="button" class="next" data-icon="arrow-r">next(random)</a></li>
          <li><a data-role="button" class="share" data-icon="star" target="_blank">share</a></li>
        </ul>
      </div><!-- /navbar -->
    </div><!-- /footer -->
  </body>
</html>
