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.   }
  64.   var proxy = shaka.polyfill.Fullscreen.proxyEvent_;
  65.   document.addEventListener('webkitfullscreenchange', proxy);
  66.   document.addEventListener('webkitfullscreenerror', proxy);
  67.   document.addEventListener('mozfullscreenchange', proxy);
  68.   document.addEventListener('mozfullscreenerror', proxy);
  69.   document.addEventListener('MSFullscreenChange', proxy);
  70.   document.addEventListener('MSFullscreenError', proxy);
  71. };
  74. /**
  75.  * Proxy fullscreen events after changing their name.
  76.  * @param {!Event} event
  77.  * @private
  78.  * @suppress {unnecessaryCasts}
  79.  */
  80. shaka.polyfill.Fullscreen.proxyEvent_ = function(event) {
  81.   var type2 = event.type.replace(/^(webkit|moz|MS)/, '').toLowerCase();
  82.   var event2 = new Event(type2, /** @type {EventInit} */(event));
  83.   event.target.dispatchEvent(event2);
  84. };
  87. shaka.polyfill.register(shaka.polyfill.Fullscreen.install);