Merge pull request #13 from mderrick/iefixes

Some small IE fixes

Author: mderrick

src/components/controls/controls.css

@@ -1,6 +1,9 @@
 .video-controls {
     height: 34px;
     background-color: rgba(0,0,0,0.8);
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: -ms-flexbox;
     display: flex;
 }
 
@@ -16,7 +19,8 @@
     padding: 10px;
     height: 100%;
     font-size: 14px;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
 }
 
 .video__control--focused,

src/components/controls/seek/seek.css

@@ -1,5 +1,8 @@
 .video-seek {
-    flex-grow: 1;
+    -webkit-box-flex: 1;
+    -webkit-flex-grow: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
     height: 100%;
     position: relative;
     padding: 0 10px;

src/components/video/Video.js

@@ -311,13 +311,32 @@ var Video = React.createClass({
                     ref={(el) => {
                         this.videoEl = el;
                     }}
-                    onPlay={this._updateStateFromVideo}
+                    //  We have throttled `_updateStateFromVideo` so listen to
+                    //  every available Media event that React allows and
+                    //  infer the Video state in that method from the Video properties.
+                    onAbort={this._updateStateFromVideo}
+                    onCanPlay={this._updateStateFromVideo}
+                    onCanPlayThrough={this._updateStateFromVideo}
+                    onDurationChange={this._updateStateFromVideo}
+                    onEmptied={this._updateStateFromVideo}
+                    onEncrypted={this._updateStateFromVideo}
+                    onEnded={this._updateStateFromVideo}
+                    onError={this._updateStateFromVideo}
+                    onLoadedData={this._updateStateFromVideo}
+                    onLoadedMetadata={this._updateStateFromVideo}
+                    onLoadStart={this._updateStateFromVideo}
                     onPause={this._updateStateFromVideo}
-                    onVolumeChange={this._updateStateFromVideo}
-                    onTimeUpdate={this._updateStateFromVideo}
+                    onPlay={this._updateStateFromVideo}
+                    onPlaying={this._updateStateFromVideo}
                     onProgress={this._updateStateFromVideo}
-                    onCanPlay={this._updateStateFromVideo}
-                    onCanPlayThrough={this._updateStateFromVideo}>
+                    onRateChange={this._updateStateFromVideo}
+                    onSeeked={this._updateStateFromVideo}
+                    onSeeking={this._updateStateFromVideo}
+                    onStalled={this._updateStateFromVideo}
+                    onSuspend={this._updateStateFromVideo}
+                    onTimeUpdate={this._updateStateFromVideo}
+                    onVolumeChange={this._updateStateFromVideo}
+                    onWaiting={this._updateStateFromVideo}>
                         {this.renderSources()}
                 </video>
                 {controls ? this.renderControls() : ''}