unserver-unify
Version:
56 lines • 2.64 kB
HTML
<!-- HTML for video with subtitle -->
<div class="videogular-container" ng-if="chapter.subtitle">
<videogular vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-cue-points="ctrl.mp4config.cuePoints" vg-crossorigin="'anonymous'">
<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 vg-cue-points="ctrl.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-controls>
<!--vg-poster vg-url='ctrl.config.plugins.poster.url'></vg-poster-->
<vg-buffering></vg-buffering>
<vg-overlay-play></vg-overlay-play>
</videogular>
</div>
<!-- HTML for video w/o subtitle -->
<div class="videogular-container" ng-if="!chapter.subtitle">
<videogular vg-player-ready="ctrl.onPlayerReady($API)" vg-theme="ctrl.mp4config.theme" vg-cue-points="ctrl.mp4config.cuePoints">
<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 vg-cue-points="ctrl.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-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="display_img" ng-if="ctrl.displayImg.filename">
<img class="img-responsive" ng-src="{{ctrl.getPPtPicUrl(ctrl.displayImg.filename)}}">
</div>
<div class="text_videoslide" ng-if="ctrl.displayImg.text">
<div>
{{ctrl.displayImg.text}}
</div>
</div>