unserver-unify
Version:
156 lines (152 loc) • 6.32 kB
HTML
<div ng-show="currentSchool.courseTheme!='fullscreen'" class="col-lg-2 col-md-3 col-xs-4 no-padding">
<b>
{{'Resolution Width' | translate}}:
</b>
</div>
<ul ng-show="currentSchool.courseTheme!='fullscreen'" class=" col-lg-2 col-md-3 col-xs-6 resltn_img_vid" ng-init="reswidth = 57">
<li>
<a href="" ng-click="reswidth = 57">
<img ng-if="reswidth == 57" src="/assets/images/lft_off_active.png" />
<img ng-if="reswidth != 57" src="/assets/images/lft_off.png" />
</a>
</li>
<li>
<a href="" ng-click="reswidth = 66">
<img ng-if="reswidth == 66" src="/assets/images/mdl_off_active.png" />
<img ng-if="reswidth != 66" src="/assets/images/mdl_off.png" />
</a>
</li>
<li>
<a href="" ng-click="reswidth = 75">
<img ng-if="reswidth == 75" src="/assets/images/rgt_off_active.png" />
<img ng-if="reswidth != 75" src="/assets/images/rgt_off.png" />
</a>
</li>
</ul>
<div ng-show="currentSchool.courseTheme=='fullscreen'" class="col-lg-4 col-xs-8 pull-right second_theme_button">
{{'Resolution Width' | translate}}:
<ul class="col-md-6 col-xs-8 resltn_img_vid" ng-init="reswidth = 57">
<li>
<a href="" ng-click="reswidth = 57">
<img ng-if="reswidth == 57" src="/assets/images/lft_off_active.png" />
<img ng-if="reswidth != 57" src="/assets/images/lft_off.png" />
</a>
</li>
<li>
<a href="" ng-click="reswidth = 66">
<img ng-if="reswidth == 66" src="/assets/images/mdl_off_active.png" />
<img ng-if="reswidth != 66" src="/assets/images/mdl_off.png" />
</a>
</li>
<li>
<a href="" ng-click="reswidth = 75">
<img ng-if="reswidth == 75" src="/assets/images/rgt_off_active.png" />
<img ng-if="reswidth != 75" src="/assets/images/rgt_off.png" />
</a>
</li>
</ul>
</div>
<div class="clearfix margin-bottom-10"></div>
<div class="ppt_img">
<div ng-class="{'col-md-12' : !wctrl.displayImg,'col-md-5' : wctrl.displayImg.filename && reswidth == 57,'col-md-6' : wctrl.displayImg && reswidth == 66,'col-md-7' : wctrl.displayImg.filename && reswidth == 75}" class="no-padding" style="height: 100%;">
<!-- HTML for video with subtitle -->
<videogular vg-player-ready="wctrl.onPlayerReady($API)" ng-if="wctrl.chapter.subtitle"
vg-theme="wctrl.mp4config.theme"
vg-cue-points="wctrl.mp4config.cuePoints"
vg-crossorigin="'anonymous'"
vg-auto-play="true"
vg-can-play = "wctrl.videoCanPlay()"
vg-complete="wctrl.onVideoFinished()">
<vg-media vg-src="wctrl.mp4config.sources"
vg-tracks="wctrl.mp4config.tracks">
</vg-media>
<vg-controls vg-autohide="true" vg-autohide-time="1000">
<vg-play-pause-button>
</vg-play-pause-button>
<vg-time-display>
{{ currentTime | date:'mm:ss' }}
</vg-time-display>
<vg-scrub-bar>
<vg-scrub-bar-current-time>
</vg-scrub-bar-current-time>
<vg-scrub-bar-cue-points vg-cue-points="wctrl.mp4config.cuePoints.imgswitch">
</vg-scrub-bar-cue-points>
</vg-scrub-bar>
<vg-time-display>
{{ totalTime | date:'mm:ss' }}
</vg-time-display>
<vg-volume>
<vg-mute-button>
</vg-mute-button>
<vg-volume-bar>
</vg-volume-bar>
</vg-volume>
<vg-fullscreen-button>
</vg-fullscreen-button>
<vg-playback-button vg-speeds="['0.5', '1', '1.5', '2', '4']"></vg-playback-button>
</vg-controls>
<!--
vg-poster vg-url='ctrl.config.plugins.poster.url'>
vg-poster
-->
<vg-buffering>
</vg-buffering>
<vg-overlay-play>
</vg-overlay-play>
</videogular>
<!-- HTML for video w/o subtitle -->
<videogular vg-player-ready="wctrl.onPlayerReady($API)" ng-if="!wctrl.chapter.subtitle"
vg-theme="wctrl.mp4config.theme"
vg-cue-points="wctrl.mp4config.cuePoints"
vg-auto-play="true"
vg-can-play = "wctrl.videoCanPlay()"
vg-complete="wctrl.onVideoFinished()">
<vg-media vg-src="wctrl.mp4config.sources">
</vg-media>
<vg-controls vg-autohide="true" vg-autohide-time="1000">
<vg-play-pause-button>
</vg-play-pause-button>
<vg-time-display>
{{ currentTime | date:'mm:ss' }}
</vg-time-display>
<vg-scrub-bar>
<vg-scrub-bar-current-time>
</vg-scrub-bar-current-time>
<vg-scrub-bar-cue-points vg-cue-points="wctrl.mp4config.cuePoints.imgswitch">
</vg-scrub-bar-cue-points>
</vg-scrub-bar>
<vg-time-display>
{{ totalTime | date:'mm:ss' }}
</vg-time-display>
<vg-volume>
<vg-mute-button>
</vg-mute-button>
<vg-volume-bar>
</vg-volume-bar>
</vg-volume>
<vg-fullscreen-button>
</vg-fullscreen-button>
<vg-playback-button vg-speeds="['0.5', '1', '1.5', '2', '4']"></vg-playback-button>
</vg-controls>
<!--
vg-poster vg-url='ctrl.config.plugins.poster.url'>
vg-poster
-->
<vg-buffering>
</vg-buffering>
<vg-overlay-play>
</vg-overlay-play>
</videogular>
</div>
<div class="no-padding display_img pull-right" ng-if="wctrl.displayImg.filename"
ng-class="{'col-md-7' : wctrl.displayImg.filename && reswidth == 57,'col-md-6' : wctrl.displayImg.filename && reswidth == 66,'col-md-5' : wctrl.displayImg.filename && reswidth == 75}">
<img ng-if="wctrl.displayImg.filename" class="img-responsive bx_shd" ng-src="{{wctrl.getPPtPicUrl(wctrl.displayImg.filename)}}"/>
</div>
<div class="text_videoslide" ng-if="wctrl.displayImg.text" ng-class="{'videoslide_close':slidevout}">
<i class="fa fa-times" ng-click="wctrl.togglevslide()"></i>
<i class="fa fa-angle-left" ng-click="wctrl.togglevslide()"></i>
<div>
{{wctrl.displayImg.text}}
</div>
</div>
</div>