unserver-unify/src/app/course/chapter/article.html

 <div class="tag-box clearfix" style="margin-bottom: 0;">
  <div class="row">
    <div class="col-md-5">
      <img ng-if="ctrl.chapter.photo" ng-src="{{ctrl.resUrl+ctrl.chapter.photo}}"  width="100%" />
    </div>
    <div class="col-md-7">
      <p id="description" ng-if="ctrl.chapter.description" class="special_note">
        <span class="brf_tit">BRIEF / 简要</span>
        {{ ctrl.chapter.description }}
      </p>
    </div>
    <div class="margin-bottom-15"></div>
    <div class="col-md-12" id="article_content">  
      <ul class="timeline-v2">
        <li class="equal-height-columns" ng-repeat="page in ctrl.chapter.ppts">
          <i class="cbp_tmicon rounded-x hidden-xs"></i>
          <div class="cbp_tmlabel equal-height-column">
            <h2>{{ page.title }}</h2>
            <div class="row">
              <div class="col-md-12">
                <div class="article_holder">
                  <article ng-if="!page.type||page.type=='Text'" ng-bind-html="page.detail"></article>
                </div>
                <video style="width: 100%;" ng-if="page.type=='Video'&&page.video" controls ng-src="{{ ctrl.resUrl+page.video }}" ></video>
                <img style="width: 100%;" class="full-width" ng-if="page.type=='Photo'&&page.photo"  ng-src="{{ ctrl.resUrl+page.photo }}"/>
                <iframe ng-if="page.type=='YouTube'&&page.link" allowfullscreen="" frameborder="0" height="800" ng-src="{{ ctrl.getYoutubeFromURL(page.link) }}" seamless="" webkitallowfullscreen="" width="100%"></iframe>
              </div>
            </div>
          </div>
        </li>
      </ul>
      <div class="fixed_container" ng-if="ctrl.item.audio">
        <audio controls  style="width:90%" autoplay ng-src="{{ ctrl.item.audiourl }}">
        </audio>
      </div>
    </div>
  </div>
</div>