Source: lib/polyfill/fullscreen.js

  1. /**
  2.  * @license
  3.  * Copyright 2016 Google Inc.
  4.  *
  5.  * Licensed under the Apache License, Version 2.0 (the "License");
  6.  * you may not use this file except in compliance with the License.
  7.  * You may obtain a copy of the License at
  8.  *
  9.  *     http://www.apache.org/licenses/LICENSE-2.0
  10.  *
  11.  * Unless required by applicable law or agreed to in writing, software
  12.  * distributed under the License is distributed on an "AS IS" BASIS,
  13.  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14.  * See the License for the specific language governing permissions and
  15.  * limitations under the License.
  16.  */
  18. goog.provide('shaka.polyfill.Fullscreen');
  20. goog.require('shaka.polyfill.register');
  23. /**
  24.  * @namespace shaka.polyfill.Fullscreen
  25.  *
  26.  * @summary A polyfill to unify fullscreen APIs across browsers.
  27.  * Many browsers have prefixed fullscreen methods on Element and document.
  28.  * See {@link http://goo.gl/n7TYl0 Using fullscreen mode} on MDN for more
  29.  * information.
  30.  */
  33. /**
  34.  * Install the polyfill if needed.
  35.  */
  36. shaka.polyfill.Fullscreen.install = function() {
  37.   if (!window.Document) {
  38.     // Avoid errors on very old browsers.
  39.     return;
  40.   }
  42.   var proto = Element.prototype;
  43.   proto.requestFullscreen = proto.requestFullscreen ||
  44.                             proto.mozRequestFullScreen ||
  45.                             proto.msRequestFullscreen ||
  46.                             proto.webkitRequestFullscreen;
  48.   proto = Document.prototype;
  49.   proto.exitFullscreen = proto.exitFullscreen ||
  50.                          proto.mozCancelFullScreen ||
  51.                          proto.msExitFullscreen ||
  52.                          proto.webkitExitFullscreen;
  54.   if (!('fullscreenElement' in document)) {
  55.     Object.defineProperty(document, 'fullscreenElement', {
  56.       get: function() {
  57.         return document.mozFullScreenElement ||
  58.                document.msFullscreenElement ||
  59.                document.webkitFullscreenElement;
  60.       }
  61.     });
  62.     Object.defineProperty(document, 'fullscreenEnabled', {
  63.       get: function() {
  64.         return document.mozFullScreenEnabled ||
  65.                document.msFullscreenEnabled ||
  66.                document.webkitFullscreenEnabled;
  67.       }
  68.     });
  69.   }
  71.   var proxy = shaka.polyfill.Fullscreen.proxyEvent_;
  72.   document.addEventListener('webkitfullscreenchange', proxy);
  73.   document.addEventListener('webkitfullscreenerror', proxy);
  74.   document.addEventListener('mozfullscreenchange', proxy);
  75.   document.addEventListener('mozfullscreenerror', proxy);
  76.   document.addEventListener('MSFullscreenChange', proxy);
  77.   document.addEventListener('MSFullscreenError', proxy);
  78. };
  81. /**
  82.  * Proxy fullscreen events after changing their name.
  83.  * @param {!Event} event
  84.  * @private
  85.  */
  86. shaka.polyfill.Fullscreen.proxyEvent_ = function(event) {
  87.   var eventType = event.type.replace(/^(webkit|moz|MS)/, '').toLowerCase();
  89.   var newEvent;
  90.   // IE 11 does not have an Event constructor
  91.   if (typeof(Event) === 'function') {
  92.     newEvent = new Event(eventType, /** @type {EventInit} */(event));
  93.   } else {
  94.     newEvent = document.createEvent('Event');
  95.     newEvent.initEvent(eventType, event.bubbles, event.cancelable);
  96.   }
  98.   event.target.dispatchEvent(newEvent);
  99. };
  102. shaka.polyfill.register(shaka.polyfill.Fullscreen.install);