unserver-unify/src/app/playback/detail.html

<div ng-controller="PlaybackItemCtrl as ctrl" class="col-md-12">
  <button class="header_arrow" ng-class="{'active': !hideHeader}" ng-click="ctrl.toggleHeader()">
    <i class="fa fa-angle-up">
    </i>
    <i class="fa fa-angle-down">
    </i>
  </button>
  <a class="btn btn-warning btn-sm course_back" style="top:0;" ui-sref="index.home" ng-if="hideHeader">
    <i class="fa fa-angle-left">
    </i> {{'Go Back' | translate}}
  </a>
  <div class="tag-box padding_reduce clearfix">
    <strong>
      {{ ctrl.playback.name }}
    </strong>
    <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
      <li title="{{ 'Create Date' | translate }}">
        <i class="fa fa-calendar">
        </i>
        {{ ctrl.playback.start | date: 'yyyy-MM-dd' }}
      </li>
      <li title="{{'Author'|translate}}">
        <i class="fa fa-pencil">
        </i>
        {{ ctrl.playback.createrfullname}}
      </li>
    </ul>
    <div class="col-md-12">
      <div class="videoWrapper wide">
        <iframe ng-src="{{ctrl.youtubeUrl}}"></iframe>
      </div>
    </div>
  </div>
</div>