diff options
| author | Arjun Roychowdhury <pliablepixels@gmail.com> | 2015-11-01 16:47:38 -0500 |
|---|---|---|
| committer | Arjun Roychowdhury <pliablepixels@gmail.com> | 2015-11-01 16:47:38 -0500 |
| commit | 31c333acc1239c12611210c72ae8c64170d4eda5 (patch) | |
| tree | 2d57e25bde857714195649c4561dd400d3eab4a0 /www | |
| parent | 65c259409bbda5f1d3d028c5d3629fee68b1e9ce (diff) | |
removed native controls and added videogular controls - lost pip in iOS but more stable and you can scrub in quick scrub #60
Diffstat (limited to 'www')
| -rw-r--r-- | www/templates/events.html | 30 |
1 files changed, 22 insertions, 8 deletions
diff --git a/www/templates/events.html b/www/templates/events.html index af7224e9..ed045938 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -12,7 +12,7 @@ <ion-nav-buttons side="right"> <a style="" class="button button-icon icon ion-android-more-vertical" ng-click="popover.show($event)" ;> </a> - + <a style="" class="button button-icon icon ion-search" ng-href="" ng-click="searchClicked();"> </a> </ion-nav-buttons> @@ -31,7 +31,7 @@ <ion-content on-tap="tapped();" delegate-handle="mainScroll" lazy-scroll has-subheader="true"> - + <!-- lets make sure the events list is not empty as collection repeat needs height --> <div ng-if="!eventsBeingLoaded"> @@ -68,7 +68,7 @@ </div> <div ng-switch-default> <i class="ion-ionic" style="float:left; font-size:200%;"></i> - <div ng-if= "event.Event.DefaultVideo !== undefined && event.Event.DefaultVideo!=''"> + <div ng-if="event.Event.DefaultVideo !== undefined && event.Event.DefaultVideo!=''"> <i class="ion-ios-videocam" style="float:left; padding-left:5px;font-size:100%;"></i> </div> <br/> @@ -134,7 +134,7 @@ <br/> - + <p>{{mycarousel.index+1}}/{{event.Event.Frames}} Type: {{FrameArray[mycarousel.index].Type}}</p> <div style="height:190px"> @@ -153,13 +153,27 @@ <div ng-if="event.Event.DefaultVideo!='' && loginData.enableh264 == true"> - + <br/> <br/> <br/> + + <div class="videogular-container"> - <videogular vg-theme="event.Event.video.config.theme"> - <vg-media vg-src="event.Event.video.config.sources" vg-native-controls="true"> + <videogular vg-theme="event.Event.video.config.theme" vg-plays-inline="'true'" vg-auto-play="'true'" vg-responsive="true"> + <vg-controls> + <vg-play-pause-button></vg-play-pause-button> + <vg-scrub-bar> + <vg-scrub-bar-current-time></vg-scrub-bar-current-time> + </vg-scrub-bar> + <vg-time-display>{{ timeLeft | date:'mm:ss':'+0000' }}</vg-time-display> + <vg-fullscreen-button></vg-fullscreen-button> + <vg-volume> + <vg-mute-button></vg-mute-button> + </vg-volume> + </vg-controls> + + <vg-media vg-src="event.Event.video.config.sources" vg-native-controls="false"> </vg-media> </videogular> </div> @@ -171,7 +185,7 @@ <ion-delete-button class="ion-minus-circled" ng-click="deleteEvent(event.Event.Id, $index)"> </ion-delete-button> - + </div> </ion-item> |