unserver-unify

<style> vg-scrub-bar-cue-points.chapters .cue-point { background-color: gold !important; } </style> <div ng-if="ctrl.chapter.type!='onlinequiz'"> <videogular ng-class="{'video_small': ctrl.flag}" ng-if="!ctrl.chapter.subtitle" vg-cue-points="ctrl.mp4config.cuePoints" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-auto-play="true" vg-complete="ctrl.onVideoFinished()"> <vg-media vg-src="ctrl.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 class="chapters" vg-cue-points="ctrl.mp4config.cuePoints.quizSwitch"> </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-controls> <vg-buffering> </vg-buffering> <vg-overlay-play> </vg-overlay-play> </videogular>  <videogular ng-class="{'video_small': ctrl.flag}" ng-if="ctrl.chapter.subtitle" vg-cue-points="ctrl.mp4config.cuePoints" vg-auto-play="true" vg-complete="ctrl.onVideoFinished()" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme"> <vg-media vg-src="ctrl.mp4config.sources" vg-tracks="ctrl.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 class="chapters" vg-cue-points="ctrl.mp4config.cuePoints.quizSwitch"> </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-controls> <vg-buffering> </vg-buffering> <vg-overlay-play ng-if="ctrl.show_overlay"> </vg-overlay-play> </videogular> </div> <div ng-if="ctrl.chapter.type=='onlinequiz' && (!ctrl.chapter.subType||ctrl.chapter.subType!='youtube')" class="quiz_yt_vm"> <videogular ng-class="{'video_small': ctrl.flag}" vg-cue-points="ctrl.mp4config.cuePoints" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-auto-play="true"> <vg-media vg-vimeo="autoplay=1" vg-src="ctrl.mp4config.sources"> </vg-media>  </videogular> </div> <div ng-if="ctrl.chapter.type=='onlinequiz' && ctrl.chapter.subType=='youtube'" class="quiz_yt_vm"> <videogular class="youtube_player" ng-class="{'video_small': ctrl.flag}" vg-cue-points="ctrl.mp4config.cuePoints" vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-auto-play="true"> <vg-media vg-youtube="rel=0;showinfo=0;autoplay=1" vg-src="ctrl.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 class="chapters" vg-cue-points="ctrl.mp4config.cuePoints.quizSwitch"> </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-controls> <vg-buffering> </vg-buffering> <vg-overlay-play> </vg-overlay-play> </videogular> </div>  <div class="test_container mp4quiz" ng-if="ctrl.flag"> <div class="col-lg-12"> <div class="test_scroll" style="padding:10px 0 10px 0">  <div class="pull-right"> <a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTestForVideoQuiz(ctrl.displayQuizs)" ng-if="!ctrl.submit"> <i class="glyphicon glyphicon-ok"> </i> {{ "Submit" | translate }} </a> <a class="btn btn-warning btn-sm" ng-click="ctrl.retestChapter(ctrl.displayQuizs)" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-refresh"> </i> {{ "Retest" | translate }} </a> <a class="btn btn-success btn-sm" ng-click="ctrl.replay()" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-repeat"> </i> {{ "Replay" | translate }} </a> <a class="btn btn-info btn-sm" ng-click="ctrl.continueVideo()" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-play"> </i> {{ "Continue" | translate }} </a> </div> <div class="clearfix"> </div> <span style="font-size: 160%;"> {{ctrl.displayQuizName}} </span> <hr style="margin:0; position:relative; bottom:-10px; border:solid 1px #ccc;"> <div class="border-top padding-top-10 first_brdr_remove" ng-repeat="question in ctrl.displayQuizs track by $index"> <h4> Q{{ $index + 1 }}. <span class="qstn_typ pstn_no"> {{ ctrl.typename[question.type] | translate }} </span>  <i class="{{ ctrl.resulticon[question.judgement] }}" style="font-size: 26px" ng-if="ctrl.chapter.showresult && question.judgement!=null"> </i> <span translate="" ng-if="question.judgement!=null">{{ question.judgement }}</span>  </h4> <div ng-include="'app/course/question.html'"> </div> </div> </hr> </div> </div> </div> <div class="slide_exam_but" ng-if="ctrl.flag"> <a class="btn btn-u btn-sm" ng-click="ctrl.submitChapterTestForVideoQuiz(ctrl.displayQuizs)" ng-if="!ctrl.submit"> <i class="glyphicon glyphicon-ok"> </i> {{ "Submit" | translate }} </a> <a class="btn btn-warning btn-sm" ng-click="ctrl.retestChapter(ctrl.displayQuizs)" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-refresh"> </i> {{ "Retest" | translate }} </a> <a class="btn btn-success btn-sm" ng-click="ctrl.replay()" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-repeat"> </i> {{ "Replay" | translate }} </a> <a class="btn btn-info btn-sm" ng-click="ctrl.continueVideo()" ng-if="ctrl.submit"> <i class="glyphicon glyphicon-play"> </i> {{ "Continue" | translate }} </a> </div>