Fix fullscreen controls on phones.

Closes #663

Change-Id: Ieda41c62b1202f2636ecd258f487208b55034015

demo/controls.js

@@ -252,6 +252,11 @@ ShakaControls.prototype.onMouseMove_ = function(event) {
     this.lastTouchEventTime_ = null;
   }
 
+  // When there is a touch, we can get a 'mousemove' event after touch events.
+  // This should be treated as part of the touch, which has already been handled
+  if (this.lastTouchEventTime_ && event.type == 'mousemove')
+    return;
+
   // Use the cursor specified in the CSS file.
   this.videoContainer_.style.cursor = '';
   // Show the controls.
@@ -275,6 +280,10 @@ ShakaControls.prototype.onMouseMove_ = function(event) {
 
 /** @private */
 ShakaControls.prototype.onMouseOut_ = function() {
+  // We sometimes get 'mouseout' events with touches.  Since we can never leave
+  // the video element when touching, ignore.
+  if (this.lastTouchEventTime_) return;
+
   // Expire the timer early.
   if (this.mouseStillTimeoutId_) {
     window.clearTimeout(this.mouseStillTimeoutId_);