unserver-unify/src/components/course/video.dlg.html

<div class="modal-body form-horizontal">
  <div class="lightbox-nav">
    <button class="close" aria-hidden="true" ng-click="$dismiss()">×</button>
  </div>
  <div class="lightbox-image-container">
    <div class="lightbox-image-caption">
      <span>{{video.caption}}</span>
    </div>
    <div ng-if="video.type=='tube'" class="embed-responsive embed-responsive-16by9">
    <div class="btn-group">
      <a ng-click="prev()" ng-disabled="disablePrevBtn"><span class="fa fa-chevron-left"></span></a>
      <!-- <a ng-href="{{video.url}}" target="_blank" class="btn btn-default" ng-attr-title="{{ {eng:'Open video in new tab',chn:'在新窗口打开视频'}|trans }}">
        {{ {eng:'Open video in new tab',chn:'在新窗口打开视频'}|trans }}
      </a> -->
      <a ng-click="next()" ng-disabled="disableNextBtn"><span class="fa fa-chevron-right"></span></a>
    </div>
      <iframe class="embed-responsive-item" ng-src="{{video.url}}"></iframe>
    </div>
    <div ng-if="video.type!='tube'">
    <div class="btn-group">
      <a ng-click="prev()" ng-disabled="disablePrevBtn"><span class="fa fa-chevron-left"></span></a>
      <!-- <a ng-href="{{video.url}}" target="_blank" class="btn btn-default" ng-attr-title="{{ {eng:'Open video in new tab',chn:'在新窗口打开视频'}|trans }}">
        {{ {eng:'Open video in new tab',chn:'在新窗口打开视频'}|trans }}
      </a> -->
      <a ng-click="next()" ng-disabled="disableNextBtn"><span class="fa fa-chevron-right"></span></a>
    </div>
      <video width="100%" controls
        ng-src="{{video.url}}" type="video/mp4">
      </video>
    </div>
  </div>
</div>