old_contents: /**
   * @author centsent
   */
  import directivesModule from '../../_index';
  
  /**
   * @ngInject
   */
  function hyTimePoint($hyMedia) {
    return {
      restrict: 'A',
      link($scope, elem) {
        elem.bind('click', event => event.stopPropagation());
  
        $hyMedia.onTimeUpdate((currentTime) => {
          const percentTime = currentTime / $hyMedia.totalTime * 100;
          elem.css('left', `${percentTime}%`);
        });
      }
    };
  }
  
  directivesModule.directive('hyTimePoint', hyTimePoint);
  
new_contents: /**
   * @author centsent
   */
  import directivesModule from '../../_index';
  
  /**
   * @ngInject
   */
  function hyTimePoint($hyMedia) {
    return {
      restrict: 'A',
      link($scope, elem) {
        const width = elem[0].clientWidth;
        const parentWidth = elem.parent()[0].clientWidth;
  
        elem.bind('click', event => event.stopPropagation());
  
        $hyMedia.onTimeUpdate(currentTime => {
          const totalTime = $hyMedia.totalTime;
          const percentLeft = currentTime / (totalTime + totalTime / parentWidth * width) * 100;
          elem.css('left', `${percentLeft}%`);
        });
      }
    };
  }
  
  directivesModule.directive('hyTimePoint', hyTimePoint);
  
subject: fix time point position