<p id="current-time"></p>
    <p id="start-time"></p>
    <p id="end-time"></p>

    <div class="examples">
      <a href="./">View more examples</a>
    </div>
  </body>

  <script>
    const mediaClipSelect = document.querySelector('media-clip-selector');
    const startTimeEl = document.querySelector('#start-time');
    const endTimeEl = document.querySelector('#end-time');
    const currentTimeEl = document.querySelector('#current-time');
    const videoEl = document.querySelector('video');

    mediaCl