aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/video-player.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/video-player.reel')
-rwxr-xr-xnode_modules/montage/ui/video-player.reel/video-player.css50
-rwxr-xr-xnode_modules/montage/ui/video-player.reel/video-player.html2
-rwxr-xr-xnode_modules/montage/ui/video-player.reel/video-player.js2
3 files changed, 27 insertions, 27 deletions
diff --git a/node_modules/montage/ui/video-player.reel/video-player.css b/node_modules/montage/ui/video-player.reel/video-player.css
index dd082439..135f0099 100755
--- a/node_modules/montage/ui/video-player.reel/video-player.css
+++ b/node_modules/montage/ui/video-player.reel/video-player.css
@@ -44,9 +44,9 @@ MARK: media
44 position: absolute; 44 position: absolute;
45 display: -webkit-box; 45 display: -webkit-box;
46 -webkit-box-sizing: border-box; 46 -webkit-box-sizing: border-box;
47 z-index: 1000; /* TODO: Define global z-index regions */ 47 z-index: 1000; /* TODO: Define global z-index regions */
48 top: 0; 48 top: 0;
49 left: 0; 49 left: 0;
50 border: none; 50 border: none;
51 width: 100%; 51 width: 100%;
52 height: 100%; 52 height: 100%;
@@ -66,15 +66,15 @@ MARK: Controller
66.montage-video-player .control-wrapper { 66.montage-video-player .control-wrapper {
67 position: absolute; 67 position: absolute;
68 left: 0; 68 left: 0;
69 bottom: 0; 69 bottom: 0;
70 right: 0; 70 right: 0;
71 height: 50px; 71 height: 50px;
72 box-shadow: inset 0 2px 6px 2px hsla(0,0%,0%,.4); 72 box-shadow: inset 0 2px 6px 2px hsla(0,0%,0%,.4);
73 background-color: hsla(0,0%,0%,.95); 73 background-color: hsla(0,0%,0%,.95);
74 background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.27) 0%, 74 background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.27) 0%,
75 hsla(0,0%,100%,.15) 50%, 75 hsla(0,0%,100%,.15) 50%,
76 hsla(0,0%,30%,.4) 50%, 76 hsla(0,0%,30%,.4) 50%,
77 hsla(0,0%,0%,1) 100%); 77 hsla(0,0%,0%,1) 100%);
78} 78}
79 79
80.montage-video-player .control-wrapper.hide-controls { 80.montage-video-player .control-wrapper.hide-controls {
@@ -170,7 +170,7 @@ MARK: Button Panel
170 background-position: center center; 170 background-position: center center;
171} 171}
172.montage-video-player .controller-button:active { 172.montage-video-player .controller-button:active {
173 background-color: hsla(0,0%,0%,.4); 173 background-color: hsla(0,0%,0%,.4);
174} 174}
175 175
176.montage-video-player .play { background-image: url("images/play.png"); } 176.montage-video-player .play { background-image: url("images/play.png"); }
@@ -200,22 +200,22 @@ MARK: Volume Panel
200 200
201.montage-video-player .controller-progress { 201.montage-video-player .controller-progress {
202 height: 15px; 202 height: 15px;
203 box-shadow: inset 0 0px 3px 1px hsla(0,0%,0%,.5); 203 box-shadow: inset 0 0px 3px 1px hsla(0,0%,0%,.5);
204 background: -webkit-repeating-linear-gradient(left, hsl(0,0%,25%) 0, hsl(0,0%,25%) 3px, 204 background: -webkit-repeating-linear-gradient(left, hsl(0,0%,25%) 0, hsl(0,0%,25%) 3px,
205 hsl(0,0%,10%) 3px, hsl(0,0%,10%) 5px); 205 hsl(0,0%,10%) 3px, hsl(0,0%,10%) 5px);
206} 206}
207.montage-video-player .controller-progress:before { 207.montage-video-player .controller-progress:before {
208 content: ""; 208 content: "";
209 position: absolute; 209 position: absolute;
210 top: 0; right: 0; bottom: 0; left: 0; 210 top: 0; right: 0; bottom: 0; left: 0;
211 background: -webkit-linear-gradient(top, hsla(0,0%,0%,0), hsla(0,0%,0%,.3) ); 211 background: -webkit-linear-gradient(top, hsla(0,0%,0%,0), hsla(0,0%,0%,.3) );
212} 212}
213 213
214.montage-video-player .volume-progress { 214.montage-video-player .volume-progress {
215 width: 50%; 215 width: 50%;
216 height: 100%; 216 height: 100%;
217 background: -webkit-repeating-linear-gradient(left, hsl(195,90%,50%) 0, hsl(195,90%,50%) 3px, 217 background: -webkit-repeating-linear-gradient(left, hsl(195,90%,50%) 0, hsl(195,90%,50%) 3px,
218 transparent 3px, transparent 5px); 218 transparent 3px, transparent 5px);
219 -webkit-transition: width .1s ease-in-out; 219 -webkit-transition: width .1s ease-in-out;
220} 220}
221 221
@@ -226,15 +226,15 @@ MARK: Volume Panel
226 226
227.montage-video-player .volume-minus { background-image: url("images/volume-down.png"); } 227.montage-video-player .volume-minus { background-image: url("images/volume-down.png"); }
228.montage-video-player .volume-minus:active { 228.montage-video-player .volume-minus:active {
229 background-color: transparent; 229 background-color: transparent;
230 background-image: url("images/volume-down.png"), 230 background-image: url("images/volume-down.png"),
231 -webkit-linear-gradient(right, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) ); 231 -webkit-linear-gradient(right, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) );
232} 232}
233.montage-video-player .volume-plus { background-image: url("images/volume-up.png"); } 233.montage-video-player .volume-plus { background-image: url("images/volume-up.png"); }
234.montage-video-player .volume-plus:active { 234.montage-video-player .volume-plus:active {
235 background-color: transparent; 235 background-color: transparent;
236 background-image: url("images/volume-up.png"), 236 background-image: url("images/volume-up.png"),
237 -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) ); 237 -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) );
238} 238}
239 239
240.montage-video-player .controller-volume-panel .mute { display: none; } /* also MUTE[muted] */ 240.montage-video-player .controller-volume-panel .mute { display: none; } /* also MUTE[muted] */
diff --git a/node_modules/montage/ui/video-player.reel/video-player.html b/node_modules/montage/ui/video-player.reel/video-player.html
index 0f9c114a..f3d58c97 100755
--- a/node_modules/montage/ui/video-player.reel/video-player.html
+++ b/node_modules/montage/ui/video-player.reel/video-player.html
@@ -1,4 +1,4 @@
1<!DOCTYPE html> 1<!doctype html>
2<!-- <copyright> 2<!-- <copyright>
3Copyright (c) 2012, Motorola Mobility, Inc 3Copyright (c) 2012, Motorola Mobility, Inc
4All Rights Reserved. 4All Rights Reserved.
diff --git a/node_modules/montage/ui/video-player.reel/video-player.js b/node_modules/montage/ui/video-player.reel/video-player.js
index 351b372c..13cfd845 100755
--- a/node_modules/montage/ui/video-player.reel/video-player.js
+++ b/node_modules/montage/ui/video-player.reel/video-player.js
@@ -29,7 +29,7 @@ POSSIBILITY OF SUCH DAMAGE.
29</copyright> */ 29</copyright> */
30"use strict"; 30"use strict";
31/** 31/**
32 @module montage/ui/video-player 32 @module montage/ui/video-player
33 @requires montage 33 @requires montage
34 @requires montage/ui/component 34 @requires montage/ui/component
35 @requires core/logger 35 @requires core/logger