-
Notifications
You must be signed in to change notification settings - Fork 0
/
play.html
54 lines (49 loc) · 4.51 KB
/
play.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="player" ng-class="fullscreen ? 'player-full' : 'player-min'">
<div class="menuButton" ng-mouseover="handleMouseEnter({ function: 'menuPressed', parameters: [] })" ng-mouseleave="handleMouseLeave()"><p class="center-text"></p></div>
<div class="options-tab-top" ng-mouseover="handleMouseEnter({ function: 'playbackPressed', parameters: [] })" ng-mouseleave="handleMouseLeave()">
<i ng-show="!isPlaying" class="fa fa-play center-text" aria-hidden="true"></i>
<i ng-show="isPlaying" class="fa fa-pause center-text" aria-hidden="true"></i>
</div>
<div class="options-tab-bottom">
<div class="left-scrub-fastest" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [-300] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-fast-backward center-text" aria-hidden="true"></i></div>
<div class="left-scrub-fast" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [-30] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-backward center-text" aria-hidden="true"></i></div>
<div class="left-scrub-normal" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [-3] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-step-backward center-text" aria-hidden="true"></i></div>
<div class="right-scrub-normal" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [3] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-step-forward center-text" aria-hidden="true"></i></div>
<div class="right-scrub-fast" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [30] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-forward center-text" aria-hidden="true"></i></div>
<div class="right-scrub-fastest" ng-mouseenter="handleMouseEnter({ function: 'scrub', parameters: [300] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-fast-forward center-text" aria-hidden="true"></i></div>
</div>
<div class="options-tab-left">
<div class="video-close" ng-mouseenter="handleMouseEnter({ function: 'closePressed', parameters: [], delay: 2000 })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-arrow-left center-text" aria-hidden="true"></i></div>
<div class="volume-mute" ng-mouseenter="handleMouseEnter({ function: 'mutePressed', parameters: [] })" ng-mouseleave="handleMouseLeave()">
<i ng-show="!isMute" class="fa fa-volume-up center-text" aria-hidden="true"></i>
<i ng-show="isMute" class="fa fa-volume-off center-text" aria-hidden="true"></i>
</div>
<div class="video-options" ng-mouseenter="handleMouseEnter({ function: 'optionsPressed', parameters: [] })" ng-mouseleave="handleMouseLeave()"><p class="fa fa-ellipsis-h center-text" aria-hidden="true"></i></div>
</div>
<div class="options-tab-leftest" ng-class="options ? 'options-tab-leftest-visible' : 'options-tab-leftest-hidden'">
<div class="video-refresh" ng-mouseenter="handleMouseEnter({ function: 'refreshPressed', parameters: [], delay: 2000 })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-refresh center-text" aria-hidden="true"></i></div>
<div class="video-language"><i class="fa fa-language center-text" aria-hidden="true"></i></div>
<div class="video-cc"><i class="fa fa-cc center-text" aria-hidden="true"></i></div>
</div>
<div class="options-tab-right">
<div class="volume-up" ng-mouseover="handleMouseEnter({ function: 'modifyVolume', parameters: [0.05] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-plus center-text" aria-hidden="true"></i></div>
<div class="volume-down" ng-mouseover="handleMouseEnter({ function: 'modifyVolume', parameters: [-0.05] })" ng-mouseleave="handleMouseLeave()"><i class="fa fa-minus center-text" aria-hidden="true"></i></div>
<div class="volume-status" ng-style="{'height': volume * 100 + '%'}"></div>
</div>
<div class="video">
<div class="video-title" ng-show="!fullscreen">{{ selected.name }}</div>
<videogular vg-player-ready="playerLoaded($API)" vg-update-volume="volumeUpdated($volume)" vg-theme="config.theme" vg-auto-play="true">
<vg-media vg-src="config.sources" vg-tracks="config.tracks"></vg-media>
<vg-controls ng-show="!fullscreen">
<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>
<vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>
</vg-controls>
<vg-buffering></vg-buffering>
<vg-poster vg-url='config.plugins.poster'></vg-poster>
</videogular>
</div>
</div>
{{ selected }}