From 2e62dba127c623d0a10207b8cc77b46a734ab47c Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 18:14:38 -0800
Subject: [PATCH 01/13] renamed tests -> test

---
 {tests => test}/google-youtube-basic.html            | 0
 {tests => test}/google-youtube-custom-thumbnail.html | 0
 {tests => test}/index.html                           | 0
 {tests => test}/tests.html                           | 0
 4 files changed, 0 insertions(+), 0 deletions(-)
 rename {tests => test}/google-youtube-basic.html (100%)
 rename {tests => test}/google-youtube-custom-thumbnail.html (100%)
 rename {tests => test}/index.html (100%)
 rename {tests => test}/tests.html (100%)

diff --git a/tests/google-youtube-basic.html b/test/google-youtube-basic.html
similarity index 100%
rename from tests/google-youtube-basic.html
rename to test/google-youtube-basic.html
diff --git a/tests/google-youtube-custom-thumbnail.html b/test/google-youtube-custom-thumbnail.html
similarity index 100%
rename from tests/google-youtube-custom-thumbnail.html
rename to test/google-youtube-custom-thumbnail.html
diff --git a/tests/index.html b/test/index.html
similarity index 100%
rename from tests/index.html
rename to test/index.html
diff --git a/tests/tests.html b/test/tests.html
similarity index 100%
rename from tests/tests.html
rename to test/tests.html

From e6b0e31c8112ae2fb12de596ba3976bb2fda2eaa Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 18:14:45 -0800
Subject: [PATCH 02/13] bower update

---
 .gitignore |  2 +-
 bower.json | 23 +++++++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/.gitignore b/.gitignore
index 8d4ae25..0e054a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1 @@
-bower_components
+bower_components*
diff --git a/bower.json b/bower.json
index b758143..4c972e5 100755
--- a/bower.json
+++ b/bower.json
@@ -20,12 +20,27 @@
     "web-component"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.0.0",
-    "google-apis": "GoogleWebComponents/google-apis#^1.0.0",
-    "iron-localstorage": "PolymerElements/iron-localstorage#^1.0.0"
+    "polymer": "Polymer/polymer#2.0-preview",
+    "google-apis": "e111077/google-apis#2.0-preview",
+    "iron-localstorage": "PolymerElements/iron-localstorage#2.0-preview"
   },
   "devDependencies": {
     "web-component-tester": "*",
-    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0"
+    "iron-component-page": "PolymerElements/iron-component-page#2.0-preview",
+    "iron-test-helpers": "PolymerElements/iron-test-helpers#2.0-preview"
+  },
+  "variants": {
+    "1.x": {
+      "dependencies": {
+        "polymer": "Polymer/polymer#^1.0.0",
+        "google-apis": "GoogleWebComponents/google-apis#^1.0.0",
+        "iron-localstorage": "PolymerElements/iron-localstorage#^1.0.0"
+      },
+      "devDependencies": {
+        "web-component-tester": "*",
+        "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+        "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
+      }
+    }
   }
 }

From 19c7dc6697d24dc36b80b5eccf41de3507561dd0 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 18:15:16 -0800
Subject: [PATCH 03/13] 2.0 compat

---
 google-youtube.html | 1363 ++++++++++++++++++++++---------------------
 1 file changed, 683 insertions(+), 680 deletions(-)

diff --git a/google-youtube.html b/google-youtube.html
index 9d5dbd9..7c7062e 100755
--- a/google-youtube.html
+++ b/google-youtube.html
@@ -38,46 +38,45 @@
 @demo
 -->
 <dom-module id="google-youtube">
-  <style>
-    :host {
-      display: block;
-    }
-
-    :host([fluid]) {
-      width: 100%;
-      max-width: 100%;
-      position: relative;
-    }
-
-    :host([fluid]) iframe,
-    :host([fluid]) #thumbnail {
-      vertical-align: bottom;
-      position: absolute;
-      top: 0px;
-      left: 0px;
-      width: 100%;
-      height: 100%;
-    }
-
-    iframe {
-      @apply(--google-youtube-iframe);
-    }
-
-    #container {
-      max-width: 100%;
-      max-height: 100%;
-      @apply(--google-youtube-container);
-    }
-
-    #thumbnail {
-      width: 100%;
-      height: 100%;
-      cursor: pointer;
-      @apply(--google-youtube-thumbnail);
-    }
-  </style>
-
   <template>
+    <style>
+      :host {
+        display: block;
+      }
+
+      :host([fluid]) {
+        width: 100%;
+        max-width: 100%;
+        position: relative;
+      }
+
+      :host([fluid]) iframe,
+      :host([fluid]) #thumbnail {
+        vertical-align: bottom;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 100%;
+        height: 100%;
+      }
+
+      iframe {
+        @apply --google-youtube-iframe;
+      }
+
+      #container {
+        max-width: 100%;
+        max-height: 100%;
+        @apply --google-youtube-container;
+      }
+
+      #thumbnail {
+        width: 100%;
+        height: 100%;
+        cursor: pointer;
+        @apply --google-youtube-thumbnail;
+      }
+    </style>
     <div id="container" style$="{{_computeContainerStyle(width, height)}}">
       <template is="dom-if" if="{{thumbnail}}">
         <img id="thumbnail"
@@ -104,705 +103,709 @@
       <div id="player"></div>
     </div>
   </template>
-</dom-module>
-
-<script>
-  Polymer({
-    is: 'google-youtube',
-    /**
-     * Fired when the YouTube player is fully initialized and ready for use.
-     *
-     * @event google-youtube-ready
-     */
-
-    /**
-     * Fired when the state of the player changes. `e.detail.data` is set to one of
-     * [the documented](https://developers.google.com/youtube/iframe_api_reference#onStateChange)
-     * states.
-     *
-     * @event google-youtube-state-change
-     */
-
-    /**
-     * Fired when playback fails due to an error. `e.detail.data` is set to one of
-     * [the documented](https://developers.google.com/youtube/iframe_api_reference#onError)
-     * error codes.
-     *
-     * @event google-youtube-error
-     */
-
-    properties: {
+  <script>
+    Polymer({
+      is: 'google-youtube',
       /**
-       * Sets the id of the video to play. Changing this attribute will trigger a call
-       * to load a new video into the player (if `this.autoplay` is set to `1` and `playsupported` is true)
-       * or cue a new video otherwise.
-       *
-       * The underlying YouTube embed will not be added to the page unless
-       * `videoId` or `list` property is set.
-       *
-       * You can [search for videos programmatically](https://developers.google.com/youtube/v3/docs/search/list)
-       * using the YouTube Data API, or just hardcode known video ids to display on your page.
-       */
-      videoId: {
-        type: String,
-        value: '',
-        observer: '_videoIdChanged'
-      },
+      * Fired when the YouTube player is fully initialized and ready for use.
+      *
+      * @event google-youtube-ready
+      */
 
       /**
-       * The list parameter, in conjunction with the listType parameter, identifies the content that will load in the player.
-       * If the listType parameter value is search, then the list parameter value specifies the search query.
-       * If the listType parameter value is user_uploads, then the list parameter value identifies the YouTube channel whose uploaded videos will be loaded.
-       * If the listType parameter value is playlist, then the list parameter value specifies a YouTube playlist ID. In the parameter value, you need to prepend the playlist ID with the letters PL as shown in the example below.
-       *
-       * See https://developers.google.com/youtube/player_parameters#list
-       */
-      list: {
-        type: String,
-        value: ''
-      },
+      * Fired when the state of the player changes. `e.detail.data` is set to one of
+      * [the documented](https://developers.google.com/youtube/iframe_api_reference#onStateChange)
+      * states.
+      *
+      * @event google-youtube-state-change
+      */
 
       /**
-       * See https://developers.google.com/youtube/player_parameters#listtype
-       */
-      listType: String,
+      * Fired when playback fails due to an error. `e.detail.data` is set to one of
+      * [the documented](https://developers.google.com/youtube/iframe_api_reference#onError)
+      * error codes.
+      *
+      * @event google-youtube-error
+      */
+
+      properties: {
+        /**
+        * Sets the id of the video to play. Changing this attribute will trigger a call
+        * to load a new video into the player (if `this.autoplay` is set to `1` and `playsupported` is true)
+        * or cue a new video otherwise.
+        *
+        * The underlying YouTube embed will not be added to the page unless
+       * `videoId` or `list` property is set.
+        *
+        * You can [search for videos programmatically](https://developers.google.com/youtube/v3/docs/search/list)
+        * using the YouTube Data API, or just hardcode known video ids to display on your page.
+        */
+        videoId: {
+          type: String,
+          value: '',
+          observer: '_videoIdChanged'
+        },
+
+        /**
+        * The list parameter, in conjunction with the listType parameter, identifies the content that will load in the player.
+        * If the listType parameter value is search, then the list parameter value specifies the search query.
+        * If the listType parameter value is user_uploads, then the list parameter value identifies the YouTube channel whose uploaded videos will be loaded.
+        * If the listType parameter value is playlist, then the list parameter value specifies a YouTube playlist ID. In the parameter value, you need to prepend the playlist ID with the letters PL as shown in the example below.
+        *
+        * See https://developers.google.com/youtube/player_parameters#list
+        */
+        list: {
+          type: String,
+          value: ''
+        },
+
+        /**
+        * See https://developers.google.com/youtube/player_parameters#listtype
+        */
+        listType: String,
+
+        /**
+        * Decides whether YouTube API should be loaded.
+        */
+        shouldLoadApi: {
+          type: Boolean,
+          computed: '_computeShouldLoadApi(list, videoId)'
+        },
+
+        /**
+        * Whether programmatic `<video>.play()` for initial playback is supported in the current browser.
+        *
+        * Most mobile browsers [do not support](https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1) autoplaying or scripted playback of videos.
+        * If you attempt to automatically initiate playback of a `<google-youtube>`, e.g. by calling the `play()` method before
+        * playback has initially begun, the YouTube Player will enter an unrecoverable "stuck" state.
+        * To protect against this, check the value of `playsupported` and don't call `play()` if it is set to `false`.
+        * (You can hide/disable your custom play button, etc.)
+        *
+        * The `playsupported` value is determined at runtime, by dynamically creating a `<video>` element with an
+        * inlined data source and calling `play()` on it. (Inspired by [Modernizr](https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js).)
+        *
+        * If you would rather not incur the minimal overhead involved in going through this process, you can explicitly set
+        * `playsupported` to `true` or `false` when initializing `<google-youtube>`. This is only recommended if you know that
+        * your web app will never (or only) be used on mobile browsers.
+        */
+        playsupported: {
+          type: Boolean,
+          value: null,
+          notify: true
+        },
+
+        /**
+        * "1" if video should start automatically
+        */
+        autoplay: {
+          type: Number,
+          value: 0
+        },
+        /**
+        * Whether playback has started.
+        *
+        * This defaults to `false` and is set to `true` once the first 'playing' event is fired by
+        * the underlying YouTube Player API.
+        *
+        * Once set to `true`, it will remain that way indefinitely.
+        * Paused/buffering/ended events won't cause `playbackstarted` to reset to `false`.
+        * Nor will loading a new video into the player.
+        */
+        playbackstarted: {
+          type: Boolean,
+          value: false,
+          notify: true
+        },
+
+        /**
+        * Sets the height of the player on the page.
+        * Accepts anything valid for a CSS measurement, e.g. '200px' or '50%'.
+        * If the unit of measurement is left off, 'px' is assumed.
+        */
+        height: {
+          type: String,
+          value: '270px'
+        },
+
+        /**
+        * Sets the width of the player on the page.
+        * Accepts anything valid for a CSS measurement, e.g. '200px' or '50%'.
+        * If the unit of measurement is left off, 'px' is assumed.
+        */
+        width: {
+          type: String,
+          value:'480px'
+        },
+
+        /**
+        * Exposes the current player state.
+        * Using this attribute is an alternative to listening to `google-youtube-state-change` events,
+        * and can simplify the logic in templates with conditional binding.
+        *
+        * The [possible values](https://developers.google.com/youtube/iframe_api_reference#onStateChange):
+        *   - -1 (unstarted)
+        *   - 0 (ended)
+        *   - 1 (playing)
+        *   - 2 (paused)
+        *   - 3 (buffering)
+        *   - 5 (video cued)
+        */
+        state: {
+          type: Number,
+          value: -1,
+          notify: true
+        },
+
+        /**
+        * Exposes the current playback time, in seconds.
+        *
+        * You can divide this value by the `duration` to determine the playback percentage.
+        */
+        currenttime: {
+          type: Number,
+          value: 0,
+          notify: true
+        },
+
+        /**
+        * Exposes the video duration, in seconds.
+        *
+        * You can divide the `currenttime` to determine the playback percentage.
+        *
+        * @attribute duration
+        * @type number
+        */
+        duration: {
+          type: Number,
+          value: 1, // To avoid divide-by-zero errors if used before video is cued.
+          notify: true
+        },
+
+        /**
+        * Exposes the current playback time, formatted as a (HH:)MM:SS string.
+        */
+        currenttimeformatted: {
+          type: String,
+          value: '0:00',
+          notify: true
+        },
+
+        /**
+        * Exposes the video duration, formatted as a (HH:)MM:SS string.
+        */
+        durationformatted: {
+          type: String,
+          value: '0:00', // To avoid divide-by-zero errors if used before video is cued.
+          notify: true
+        },
+
+        /**
+        * The fraction of the bytes that have been loaded for the current video, in the range [0-1].
+        */
+        fractionloaded: {
+          type: Number,
+          value: 0,
+          notify: true
+        },
+
+        /**
+        * A shorthand to enable a set of player attributes that, used together, simulate a "chromeless" YouTube player.
+        *
+        * Equivalent to setting the following attributes:
+        * - `controls="0"`
+        * - `modestbranding="1"`
+        * - `showinfo="0"`
+        * - `iv_load_policy="3"`
+        * - `rel="0"`
+        *
+        * The "chromeless" player has minimal YouTube branding in cued state, and the native controls
+        * will be disabled during playback. Creating your own custom play/pause/etc. controls is recommended.
+        */
+        chromeless: {
+          type: Boolean,
+          value: false
+        },
+        /**
+        * The URL of an image to use as a custom thumbnail.
+        *
+        * This is optional; if not provided, the standard YouTube embed (which uses the thumbnail associated
+        * with the video on YouTube) will be used.
+        *
+        * If `thumbnail` is set, than an `<img>` containing the thumbnail will be used in lieu of the actual
+        * YouTube embed. When the thumbnail is clicked, the `<img>` is swapped out for the actual YouTube embed,
+        * which will have [`autoplay=1`](https://developers.google.com/youtube/player_parameters#autoplay) set by default (in additional to any other player parameters specified on this element).
+        *
+        * Please note that `autoplay=1` won't actually autoplay videos on mobile browsers, so two taps will be required
+        * to play the video there. Also, on desktop browsers, setting `autoplay=1` will prevent the playback
+        * from [incrementing the view count](https://support.google.com/youtube/answer/1714329) for the video.
+        */
+        thumbnail: {
+          type: String,
+          value: ''
+        },
+
+        /**
+        * If `fluid` is set, then the player will set its width to 100% to fill
+        * the parent container, while adding `padding-top` to preserve the
+        * aspect ratio provided by `width` and `height`. If `width` and `height`
+        * have not been set, the player will fall back to a 16:9 aspect ratio.
+        * This is useful for responsive designs where you don't want to
+        * introduce letterboxing on your video.
+        */
+        fluid: {
+          type: Boolean,
+          value: false
+        },
+
+        /**
+        * Returns the player's current volume, an integer between 0 and 100.
+        * Note that `getVolume()` will return the volume even if the player is muted.
+        */
+        volume: {
+          type: Number,
+          value: 100,
+          notify: true
+        },
+
+        /**
+        * This function retrieves the playback rate of the currently playing video.
+        * The default playback rate is 1, which indicates that the video is playing at normal speed.
+        * Playback rates may include values like `0.25`, `0.5`, `1`, `1.5`, and `2`.
+        */
+        playbackrate: {
+          type: Number,
+          value: 1,
+          notify: true
+        },
+
+        /**
+        * This function retrieves the actual video quality of the current video.
+        * Possible return values are `highres`, `hd1080`, `hd720`, `large`, `medium` and `small`.
+        * It will also return `undefined` if there is no current video.
+        */
+        playbackquality: {
+          type: String,
+          value: '',
+          notify: true
+        }
 
-      /**
-       * Decides whether YouTube API should be loaded.
-       */
-      shouldLoadApi: {
-        type: Boolean,
-        computed: '_computeShouldLoadApi(list, videoId)'
       },
 
-      /**
-       * Whether programmatic `<video>.play()` for initial playback is supported in the current browser.
-       *
-       * Most mobile browsers [do not support](https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1) autoplaying or scripted playback of videos.
-       * If you attempt to automatically initiate playback of a `<google-youtube>`, e.g. by calling the `play()` method before
-       * playback has initially begun, the YouTube Player will enter an unrecoverable "stuck" state.
-       * To protect against this, check the value of `playsupported` and don't call `play()` if it is set to `false`.
-       * (You can hide/disable your custom play button, etc.)
-       *
-       * The `playsupported` value is determined at runtime, by dynamically creating a `<video>` element with an
-       * inlined data source and calling `play()` on it. (Inspired by [Modernizr](https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js).)
-       *
-       * If you would rather not incur the minimal overhead involved in going through this process, you can explicitly set
-       * `playsupported` to `true` or `false` when initializing `<google-youtube>`. This is only recommended if you know that
-       * your web app will never (or only) be used on mobile browsers.
-       */
-      playsupported: {
-        type: Boolean,
-        value: null,
-        notify: true
+      _computeContainerStyle: function(width, height) {
+        return 'width:' + width + '; height:' + height;
       },
 
-      /**
-       * "1" if video should start automatically
-       */
-      autoplay: {
-        type: Number,
-        value: 0
-      },
-      /**
-       * Whether playback has started.
-       *
-       * This defaults to `false` and is set to `true` once the first 'playing' event is fired by
-       * the underlying YouTube Player API.
-       *
-       * Once set to `true`, it will remain that way indefinitely.
-       * Paused/buffering/ended events won't cause `playbackstarted` to reset to `false`.
-       * Nor will loading a new video into the player.
-       */
-      playbackstarted: {
-        type: Boolean,
-        value: false,
-        notify: true
+      _computeShouldLoadApi: function(videoId, list) {
+        return Boolean(videoId || list);
       },
 
-      /**
-       * Sets the height of the player on the page.
-       * Accepts anything valid for a CSS measurement, e.g. '200px' or '50%'.
-       * If the unit of measurement is left off, 'px' is assumed.
-       */
-      height: {
-        type: String,
-        value: '270px'
+      _useExistingPlaySupportedValue: function() {
+        this.playsupported = this._playsupportedLocalStorage;
       },
 
       /**
-       * Sets the width of the player on the page.
-       * Accepts anything valid for a CSS measurement, e.g. '200px' or '50%'.
-       * If the unit of measurement is left off, 'px' is assumed.
-       */
-      width: {
-        type: String,
-        value:'480px'
+      * Detects whether programmatic <video>.play() is supported in the current browser.
+      *
+      * This is triggered via on-ironlocalstorage-load-empty. The logic is:
+      * - If playsupported is explicitly set to true or false on the element, use that.
+      * - Otherwise, if there's a cached value in localStorage, use that.
+      * - Otherwise, create a hidden <video> element and call play() on it:
+      *   - If playback starts, playsupported is true.
+      *   - If playback doesn't start (within 500ms), playsupported is false.
+      *   - Whatever happens, cache the result in localStorage.
+      */
+      _determinePlaySupported: function() {
+        // If playsupported isn't already being overridden by the page using this component,
+        // then attempt to determine if it's supported.
+        // This is deliberately checking with ==, to match either undefined or null.
+        if (this.playsupported == null) {
+          // Run a new playback test.
+          var timeout;
+          var videoElement = document.createElement('video');
+
+          if ('play' in videoElement) {
+            videoElement.id = 'playtest';
+            // Some browsers will refuse to play videos with 'display: none' set,
+            // so position the video well offscreen instead.
+            // Modify the .style property directly instead of using CSS to work around polyfill
+            // issues; see https://github.com/GoogleWebComponents/google-youtube/issues/49
+            videoElement.style.position = 'absolute';
+            videoElement.style.top = '-9999px';
+            videoElement.style.left = '-9999px';
+
+            var mp4Source = document.createElement('source');
+            mp4Source.src = "data:video/mp4;base64,AAAAFGZ0eXBNU05WAAACAE1TTlYAAAOUbW9vdgAAAGxtdmhkAAAAAM9ghv7PYIb+AAACWAAACu8AAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAnh0cmFrAAAAXHRraGQAAAAHz2CG/s9ghv4AAAABAAAAAAAACu8AAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAFAAAAA4AAAAAAHgbWRpYQAAACBtZGhkAAAAAM9ghv7PYIb+AAALuAAANq8AAAAAAAAAIWhkbHIAAAAAbWhscnZpZGVBVlMgAAAAAAABAB4AAAABl21pbmYAAAAUdm1oZAAAAAAAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAVdzdGJsAAAAp3N0c2QAAAAAAAAAAQAAAJdhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAFAAOABIAAAASAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGP//AAAAEmNvbHJuY2xjAAEAAQABAAAAL2F2Y0MBTUAz/+EAGGdNQDOadCk/LgIgAAADACAAAAMA0eMGVAEABGjuPIAAAAAYc3R0cwAAAAAAAAABAAAADgAAA+gAAAAUc3RzcwAAAAAAAAABAAAAAQAAABxzdHNjAAAAAAAAAAEAAAABAAAADgAAAAEAAABMc3RzegAAAAAAAAAAAAAADgAAAE8AAAAOAAAADQAAAA0AAAANAAAADQAAAA0AAAANAAAADQAAAA0AAAANAAAADQAAAA4AAAAOAAAAFHN0Y28AAAAAAAAAAQAAA7AAAAA0dXVpZFVTTVQh0k/Ou4hpXPrJx0AAAAAcTVREVAABABIAAAAKVcQAAAAAAAEAAAAAAAAAqHV1aWRVU01UIdJPzruIaVz6ycdAAAAAkE1URFQABAAMAAAAC1XEAAACHAAeAAAABBXHAAEAQQBWAFMAIABNAGUAZABpAGEAAAAqAAAAASoOAAEAZABlAHQAZQBjAHQAXwBhAHUAdABvAHAAbABhAHkAAAAyAAAAA1XEAAEAMgAwADAANQBtAGUALwAwADcALwAwADYAMAA2ACAAMwA6ADUAOgAwAAABA21kYXQAAAAYZ01AM5p0KT8uAiAAAAMAIAAAAwDR4wZUAAAABGjuPIAAAAAnZYiAIAAR//eBLT+oL1eA2Nlb/edvwWZflzEVLlhlXtJvSAEGRA3ZAAAACkGaAQCyJ/8AFBAAAAAJQZoCATP/AOmBAAAACUGaAwGz/wDpgAAAAAlBmgQCM/8A6YEAAAAJQZoFArP/AOmBAAAACUGaBgMz/wDpgQAAAAlBmgcDs/8A6YEAAAAJQZoIBDP/AOmAAAAACUGaCQSz/wDpgAAAAAlBmgoFM/8A6YEAAAAJQZoLBbP/AOmAAAAACkGaDAYyJ/8AFBAAAAAKQZoNBrIv/4cMeQ==";
+            videoElement.appendChild(mp4Source);
+
+            var webmSource = document.createElement('source');
+            webmSource.src = "data:video/webm;base64,GkXfo49CgoR3ZWJtQoeBAUKFgQEYU4BnAQAAAAAAF60RTZt0vE27jFOrhBVJqWZTrIIQA027jFOrhBZUrmtTrIIQbE27jFOrhBFNm3RTrIIXmU27jFOrhBxTu2tTrIIWs+xPvwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFUmpZuQq17GDD0JATYCjbGliZWJtbCB2MC43LjcgKyBsaWJtYXRyb3NrYSB2MC44LjFXQY9BVlNNYXRyb3NrYUZpbGVEiYRFnEAARGGIBc2Lz1QNtgBzpJCy3XZ0KNuKNZS4+fDpFxzUFlSua9iu1teBAXPFhL4G+bmDgQG5gQGIgQFVqoEAnIEAbeeBASMxT4Q/gAAAVe6BAIaFVl9WUDiqgQEj44OEE95DVSK1nIN1bmTgkbCBULqBPJqBAFSwgVBUuoE87EQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB9DtnVB4eeBAKC4obaBAAAAkAMAnQEqUAA8AABHCIWFiIWEiAICAAamYnoOC6cfJa8f5Zvda4D+/7YOf//nNefQYACgnKGWgQFNANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQKbANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQPoANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQU1ANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQaDANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQfQANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQkdANEBAAEQEBRgAGFgv9AAIiGAAPuC/rOgnKGWgQprANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQu4ANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQ0FANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQ5TANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQ+gANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgRDtANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgRI7ANEBAAEQEAAYABhYL/QACIhgAPuC/rIcU7trQOC7jLOBALeH94EB8YIUzLuNs4IBTbeH94EB8YIUzLuNs4ICm7eH94EB8YIUzLuNs4ID6LeH94EB8YIUzLuNs4IFNbeH94EB8YIUzLuNs4IGg7eH94EB8YIUzLuNs4IH0LeH94EB8YIUzLuNs4IJHbeH94EB8YIUzLuNs4IKa7eH94EB8YIUzLuNs4ILuLeH94EB8YIUzLuNs4INBbeH94EB8YIUzLuNs4IOU7eH94EB8YIUzLuNs4IPoLeH94EB8YIUzLuNs4IQ7beH94EB8YIUzLuNs4ISO7eH94EB8YIUzBFNm3SPTbuMU6uEH0O2dVOsghTM";
+            videoElement.appendChild(webmSource);
+
+            document.body.appendChild(videoElement);
+
+            this.async(function() {
+              // Ideally, we'll get a 'playing' event if we're on a browser that supports
+              // programmatic play().
+              videoElement.onplaying = function(e) {
+                clearTimeout(timeout);
+
+                this.playsupported = (e && e.type === 'playing') || videoElement.currentTime !== 0;
+                this._playsupportedLocalStorage = this.playsupported;
+
+                videoElement.onplaying = null;
+
+                document.body.removeChild(videoElement);
+              }.bind(this);
+
+              // If we haven't received a 'playing' event within 500ms, then we're most likely on a browser that doesn't
+              // support programmatic plays. Do a final check after 500ms and set this.playsupported at that point.
+              timeout = setTimeout(videoElement.onplaying, 500);
+
+              // Try to initiate playback...
+              videoElement.play();
+            });
+          } else {
+            // If there's no play() method then we know that it's not supported.
+            this.playsupported = false;
+            this._playsupportedLocalStorage = false;
+          }
+        }
       },
 
       /**
-       * Exposes the current player state.
-       * Using this attribute is an alternative to listening to `google-youtube-state-change` events,
-       * and can simplify the logic in templates with conditional binding.
-       *
-       * The [possible values](https://developers.google.com/youtube/iframe_api_reference#onStateChange):
-       *   - -1 (unstarted)
-       *   - 0 (ended)
-       *   - 1 (playing)
-       *   - 2 (paused)
-       *   - 3 (buffering)
-       *   - 5 (video cued)
-       */
-      state: {
-        type: Number,
-        value: -1,
-        notify: true
+      * Sets fluid width/height.
+      *
+      * If the fluid attribute is set, the aspect ratio of the video will
+      * be inferred (if set in pixels), or assumed to be 16:9. The element
+      * will give itself enough top padding to force the player to use the
+      * correct aspect ratio, even as the screen size changes.
+      *
+      */
+      ready: function() {
+        if (this.hasAttribute('fluid')) {
+          var ratio = parseInt(this.height, 10) / parseInt(this.width, 10);
+          if (isNaN(ratio)) {
+            ratio = 9/16;
+          }
+          ratio *= 100;
+          this.width = '100%';
+          this.height = 'auto';
+          this.$.container.style['padding-top'] = ratio + '%';
+        }
       },
 
       /**
-       * Exposes the current playback time, in seconds.
-       *
-       * You can divide this value by the `duration` to determine the playback percentage.
-       */
-      currenttime: {
-        type: Number,
-        value: 0,
-        notify: true
+      * Clean up the underlying Player `<iframe>` when we're removed from the DOM.
+      */
+      detached: function() {
+        if (this._player) {
+          this._player.destroy();
+        }
       },
 
       /**
-       * Exposes the video duration, in seconds.
-       *
-       * You can divide the `currenttime` to determine the playback percentage.
-       *
-       * @attribute duration
-       * @type number
-       */
-      duration: {
-        type: Number,
-        value: 1, // To avoid divide-by-zero errors if used before video is cued.
-        notify: true
+      * Plays the current video.
+      *
+      * Note that on certain mobile browsers, playback
+      * [can't be initiated programmatically](https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations).
+      *
+      * If `this.playsupported` is not `true`, calling `play()` will have no effect.
+      *
+      * @method play
+      */
+      play: function() {
+        if (this._player && this._player.playVideo && this.playsupported) {
+          this._player.playVideo();
+        }
       },
 
       /**
-       * Exposes the current playback time, formatted as a (HH:)MM:SS string.
-       */
-      currenttimeformatted: {
-        type: String,
-        value: '0:00',
-        notify: true
+      * Modifies the volume of the current video.
+      *
+      * Developers should take care not to break expected user experience by programmatically
+      * modifying the volume on mobile browsers.
+      * Note that the YouTube player, in addition, does not display volume controls in a
+      * mobile environment.
+      *
+      * @method setVolume
+      * @param {number} volume The new volume, an integer between 0 (muted) and 100 (loudest).
+      */
+      setVolume: function(volume) {
+        if (this._player && this._player.setVolume) {
+          this._player.setVolume(volume);
+        }
       },
 
       /**
-       * Exposes the video duration, formatted as a (HH:)MM:SS string.
-       */
-      durationformatted: {
-        type: String,
-        value: '0:00', // To avoid divide-by-zero errors if used before video is cued.
-        notify: true
+      * Mutes the current video.
+      *
+      * Developers should take care not to break expected user experience by programmatically
+      * modifying the volume on mobile browsers.
+      * Note that the YouTube player, in addition, does not display volume controls in a
+      * mobile environment.
+      *
+      * @method mute
+      */
+      mute: function() {
+        if (this._player && this._player.mute) {
+          this._player.mute();
+        }
       },
 
       /**
-       * The fraction of the bytes that have been loaded for the current video, in the range [0-1].
-       */
-      fractionloaded: {
-        type: Number,
-        value: 0,
-        notify: true
+      * Unmutes the current video.
+      *
+      * Developers should take care not to break expected user experience by programmatically
+      * modifying the volume on mobile browsers.
+      * Note that the YouTube player, in addition, does not display volume controls in a
+      * mobile environment.
+      *
+      * @method unMute
+      */
+      unMute: function() {
+        if (this._player && this._player.unMute) {
+          this._player.unMute();
+        }
       },
 
       /**
-       * A shorthand to enable a set of player attributes that, used together, simulate a "chromeless" YouTube player.
-       *
-       * Equivalent to setting the following attributes:
-       * - `controls="0"`
-       * - `modestbranding="1"`
-       * - `showinfo="0"`
-       * - `iv_load_policy="3"`
-       * - `rel="0"`
-       *
-       * The "chromeless" player has minimal YouTube branding in cued state, and the native controls
-       * will be disabled during playback. Creating your own custom play/pause/etc. controls is recommended.
-       */
-      chromeless: {
-        type: Boolean,
-        value: false
-      },
-      /**
-       * The URL of an image to use as a custom thumbnail.
-       *
-       * This is optional; if not provided, the standard YouTube embed (which uses the thumbnail associated
-       * with the video on YouTube) will be used.
-       *
-       * If `thumbnail` is set, than an `<img>` containing the thumbnail will be used in lieu of the actual
-       * YouTube embed. When the thumbnail is clicked, the `<img>` is swapped out for the actual YouTube embed,
-       * which will have [`autoplay=1`](https://developers.google.com/youtube/player_parameters#autoplay) set by default (in additional to any other player parameters specified on this element).
-       *
-       * Please note that `autoplay=1` won't actually autoplay videos on mobile browsers, so two taps will be required
-       * to play the video there. Also, on desktop browsers, setting `autoplay=1` will prevent the playback
-       * from [incrementing the view count](https://support.google.com/youtube/answer/1714329) for the video.
-       */
-      thumbnail: {
-        type: String,
-        value: ''
+      * Pauses the current video.
+      *
+      * @method pause
+      */
+      pause: function() {
+        if (this._player && this._player.pauseVideo) {
+          this._player.pauseVideo();
+        }
       },
 
       /**
-       * If `fluid` is set, then the player will set its width to 100% to fill
-       * the parent container, while adding `padding-top` to preserve the
-       * aspect ratio provided by `width` and `height`. If `width` and `height`
-       * have not been set, the player will fall back to a 16:9 aspect ratio.
-       * This is useful for responsive designs where you don't want to
-       * introduce letterboxing on your video.
-       */
-      fluid: {
-        type: Boolean,
-        value: false
+      * Skips ahead (or back) to the specified number of seconds.
+      *
+      * @method seekTo
+      * @param {number} seconds Number of seconds to seek to.
+      */
+      seekTo: function(seconds) {
+        if (this._player && this._player.seekTo) {
+          this._player.seekTo(seconds, true);
+
+          // Explicitly call _updatePlaybackStats() to ensure that the new playback info is
+          // reflected in the bound attributes.
+          // The 100ms delay is somewhat arbitrary, but the YouTube player does need time to
+          // update its internal state following the call to player.seekTo().
+          this.async(function() {
+            this._updatePlaybackStats();
+          }, 100);
+        }
       },
 
       /**
-       * Returns the player's current volume, an integer between 0 and 100.
-       * Note that `getVolume()` will return the volume even if the player is muted.
-       */
-      volume: {
-        type: Number,
-        value: 100,
-        notify: true
+      * This function sets the suggested playback rate for the current video.
+      * If the playback rate changes, it will only change for the video that is already cued or being played.
+      * If you set the playback rate for a cued video, that rate will still be in effect when the `playVideo` function is called or the user initiates playback directly through the player controls.
+      * In addition, calling functions to cue or load videos or playlists (`cueVideoById`, `loadVideoById`, etc.) will reset the playback rate to 1.
+      *
+      * Calling this function does not guarantee that the playback rate will actually change.
+      * However, if the playback rate does change, the `onPlaybackRateChange` event will fire, and your code should respond to the event rather than the fact that it called the `setPlaybackRate` function.
+      *
+      * The `getAvailablePlaybackRates` method will return the possible playback rates for the currently playing video.
+      * However, if you set the `suggestedRate` parameter to a non-supported integer or float value, the player will round that value down to the nearest supported value in the direction of 1.
+      *
+      * @method setPlaybackRate
+      * @param {number} suggestedRate Playback rate for the current video.
+      */
+      setPlaybackRate: function(suggestedRate) {
+        if(this._player && this._player.setPlaybackRate) {
+          this._player.setPlaybackRate(suggestedRate);
+        }
       },
 
       /**
-       * This function retrieves the playback rate of the currently playing video.
-       * The default playback rate is 1, which indicates that the video is playing at normal speed.
-       * Playback rates may include values like `0.25`, `0.5`, `1`, `1.5`, and `2`.
-       */
-      playbackrate: {
-        type: Number,
-        value: 1,
-        notify: true
+      * This function sets the suggested video quality for the current video.
+      * The function causes the video to reload at its current position in the new quality.
+      * If the playback quality does change, it will only change for the video being played.
+      * Calling this function does not guarantee that the playback quality will actually change.
+      * However, if the playback quality does change, the `onPlaybackQualityChange` event will fire, and your code should respond to the event rather than the fact that it called the `setPlaybackQuality` function.
+      *
+      * The `suggestedQuality` parameter value can be `small`, `medium`, `large`, `hd720`, `hd1080`, `highres` or `default`.
+      * We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
+      *
+      * When you suggest a playback quality for a video, the suggested quality will only be in effect for that video.
+      * You should select a playback quality that corresponds to the size of your video player.
+      * For example, if your page displays a `1280px` by `720px` video player, a `hd720` quality video will actually look better than an `hd1080` quality video.
+      * We recommend calling the `getAvailableQualityLevels()` function to determine which quality levels are available for a video.
+      *
+      * The list below shows the playback quality levels that correspond to different standard player sizes.
+      * We recommend that you set the height of your video player to one of the values listed below and that you size your player to use 16:9 aspect ratio.
+      * As stated above, even if you choose a standard player size, we also recommend that you set the `suggestedQuality` parameter value to default to enable YouTube to select the most appropriate playback quality.
+      *
+      * - `small`: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
+      * - `medium`: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
+      * - `large`: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
+      * - `hd720`: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
+      * - `hd1080`: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
+      * - `highres`: Player height is greater than 1080px, which means that the player's aspect ratio is greater than 1920px by 1080px.
+      * - `default`: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the `cueVideoById`, `loadVideoById` or `setPlaybackQuality` functions.
+      *
+      * If you call the `setPlaybackQuality` function with a `suggestedQuality` level that is not available for the video, then the quality will be set to the next lowest level that is available.
+      * For example, if you request a quality level of large, and that is unavailable, then the playback quality will be set to medium (as long as that quality level is available).
+      *
+      * In addition, setting `suggestedQuality` to a value that is not a recognized quality level is equivalent to setting `suggestedQuality` to default.
+      *
+      * @method setPlaybackQuality
+      * @param {string} suggestedQuality Playback quality for the current video.
+      */
+      setPlaybackQuality: function(suggestedQuality) {
+        if(this._player && this._player.setPlaybackQuality) {
+          this._player.setPlaybackQuality(suggestedQuality);
+        }
       },
 
-      /**
-       * This function retrieves the actual video quality of the current video.
-       * Possible return values are `highres`, `hd1080`, `hd720`, `large`, `medium` and `small`.
-       * It will also return `undefined` if there is no current video.
-       */
-      playbackquality: {
-        type: String,
-        value: '',
-        notify: true
-      }
-
-    },
-
-    _computeContainerStyle: function(width, height) {
-      return 'width:' + width + '; height:' + height;
-    },
-
-    _computeShouldLoadApi: function(videoId, list) {
-      return Boolean(videoId || list);
-    },
-
-    _useExistingPlaySupportedValue: function() {
-      this.playsupported = this._playsupportedLocalStorage;
-    },
-
-    /**
-     * Detects whether programmatic <video>.play() is supported in the current browser.
-     *
-     * This is triggered via on-ironlocalstorage-load-empty. The logic is:
-     * - If playsupported is explicitly set to true or false on the element, use that.
-     * - Otherwise, if there's a cached value in localStorage, use that.
-     * - Otherwise, create a hidden <video> element and call play() on it:
-     *   - If playback starts, playsupported is true.
-     *   - If playback doesn't start (within 500ms), playsupported is false.
-     *   - Whatever happens, cache the result in localStorage.
-     */
-    _determinePlaySupported: function() {
-      // If playsupported isn't already being overridden by the page using this component,
-      // then attempt to determine if it's supported.
-      // This is deliberately checking with ==, to match either undefined or null.
-      if (this.playsupported == null) {
-        // Run a new playback test.
-        var timeout;
-        var videoElement = document.createElement('video');
-
-        if ('play' in videoElement) {
-          videoElement.id = 'playtest';
-          // Some browsers will refuse to play videos with 'display: none' set,
-          // so position the video well offscreen instead.
-          // Modify the .style property directly instead of using CSS to work around polyfill
-          // issues; see https://github.com/GoogleWebComponents/google-youtube/issues/49
-          videoElement.style.position = 'absolute';
-          videoElement.style.top = '-9999px';
-          videoElement.style.left = '-9999px';
-
-          var mp4Source = document.createElement('source');
-          mp4Source.src = "data:video/mp4;base64,AAAAFGZ0eXBNU05WAAACAE1TTlYAAAOUbW9vdgAAAGxtdmhkAAAAAM9ghv7PYIb+AAACWAAACu8AAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAnh0cmFrAAAAXHRraGQAAAAHz2CG/s9ghv4AAAABAAAAAAAACu8AAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAFAAAAA4AAAAAAHgbWRpYQAAACBtZGhkAAAAAM9ghv7PYIb+AAALuAAANq8AAAAAAAAAIWhkbHIAAAAAbWhscnZpZGVBVlMgAAAAAAABAB4AAAABl21pbmYAAAAUdm1oZAAAAAAAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAVdzdGJsAAAAp3N0c2QAAAAAAAAAAQAAAJdhdmMxAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAFAAOABIAAAASAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGP//AAAAEmNvbHJuY2xjAAEAAQABAAAAL2F2Y0MBTUAz/+EAGGdNQDOadCk/LgIgAAADACAAAAMA0eMGVAEABGjuPIAAAAAYc3R0cwAAAAAAAAABAAAADgAAA+gAAAAUc3RzcwAAAAAAAAABAAAAAQAAABxzdHNjAAAAAAAAAAEAAAABAAAADgAAAAEAAABMc3RzegAAAAAAAAAAAAAADgAAAE8AAAAOAAAADQAAAA0AAAANAAAADQAAAA0AAAANAAAADQAAAA0AAAANAAAADQAAAA4AAAAOAAAAFHN0Y28AAAAAAAAAAQAAA7AAAAA0dXVpZFVTTVQh0k/Ou4hpXPrJx0AAAAAcTVREVAABABIAAAAKVcQAAAAAAAEAAAAAAAAAqHV1aWRVU01UIdJPzruIaVz6ycdAAAAAkE1URFQABAAMAAAAC1XEAAACHAAeAAAABBXHAAEAQQBWAFMAIABNAGUAZABpAGEAAAAqAAAAASoOAAEAZABlAHQAZQBjAHQAXwBhAHUAdABvAHAAbABhAHkAAAAyAAAAA1XEAAEAMgAwADAANQBtAGUALwAwADcALwAwADYAMAA2ACAAMwA6ADUAOgAwAAABA21kYXQAAAAYZ01AM5p0KT8uAiAAAAMAIAAAAwDR4wZUAAAABGjuPIAAAAAnZYiAIAAR//eBLT+oL1eA2Nlb/edvwWZflzEVLlhlXtJvSAEGRA3ZAAAACkGaAQCyJ/8AFBAAAAAJQZoCATP/AOmBAAAACUGaAwGz/wDpgAAAAAlBmgQCM/8A6YEAAAAJQZoFArP/AOmBAAAACUGaBgMz/wDpgQAAAAlBmgcDs/8A6YEAAAAJQZoIBDP/AOmAAAAACUGaCQSz/wDpgAAAAAlBmgoFM/8A6YEAAAAJQZoLBbP/AOmAAAAACkGaDAYyJ/8AFBAAAAAKQZoNBrIv/4cMeQ==";
-          videoElement.appendChild(mp4Source);
-
-          var webmSource = document.createElement('source');
-          webmSource.src = "data:video/webm;base64,GkXfo49CgoR3ZWJtQoeBAUKFgQEYU4BnAQAAAAAAF60RTZt0vE27jFOrhBVJqWZTrIIQA027jFOrhBZUrmtTrIIQbE27jFOrhBFNm3RTrIIXmU27jFOrhBxTu2tTrIIWs+xPvwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFUmpZuQq17GDD0JATYCjbGliZWJtbCB2MC43LjcgKyBsaWJtYXRyb3NrYSB2MC44LjFXQY9BVlNNYXRyb3NrYUZpbGVEiYRFnEAARGGIBc2Lz1QNtgBzpJCy3XZ0KNuKNZS4+fDpFxzUFlSua9iu1teBAXPFhL4G+bmDgQG5gQGIgQFVqoEAnIEAbeeBASMxT4Q/gAAAVe6BAIaFVl9WUDiqgQEj44OEE95DVSK1nIN1bmTgkbCBULqBPJqBAFSwgVBUuoE87EQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB9DtnVB4eeBAKC4obaBAAAAkAMAnQEqUAA8AABHCIWFiIWEiAICAAamYnoOC6cfJa8f5Zvda4D+/7YOf//nNefQYACgnKGWgQFNANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQKbANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQPoANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQU1ANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQaDANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQfQANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQkdANEBAAEQEBRgAGFgv9AAIiGAAPuC/rOgnKGWgQprANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQu4ANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQ0FANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgQ5TANEBAAEQEAAYABhYL/QACIhgAPuC/rKgnKGWgQ+gANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgRDtANEBAAEQEAAYABhYL/QACIhgAPuC/rOgnKGWgRI7ANEBAAEQEAAYABhYL/QACIhgAPuC/rIcU7trQOC7jLOBALeH94EB8YIUzLuNs4IBTbeH94EB8YIUzLuNs4ICm7eH94EB8YIUzLuNs4ID6LeH94EB8YIUzLuNs4IFNbeH94EB8YIUzLuNs4IGg7eH94EB8YIUzLuNs4IH0LeH94EB8YIUzLuNs4IJHbeH94EB8YIUzLuNs4IKa7eH94EB8YIUzLuNs4ILuLeH94EB8YIUzLuNs4INBbeH94EB8YIUzLuNs4IOU7eH94EB8YIUzLuNs4IPoLeH94EB8YIUzLuNs4IQ7beH94EB8YIUzLuNs4ISO7eH94EB8YIUzBFNm3SPTbuMU6uEH0O2dVOsghTM";
-          videoElement.appendChild(webmSource);
-
-          document.body.appendChild(videoElement);
-
-          this.async(function() {
-            // Ideally, we'll get a 'playing' event if we're on a browser that supports
-            // programmatic play().
-            videoElement.onplaying = function(e) {
-              clearTimeout(timeout);
-
-              this.playsupported = (e && e.type === 'playing') || videoElement.currentTime !== 0;
-              this._playsupportedLocalStorage = this.playsupported;
-
-              videoElement.onplaying = null;
-
-              document.body.removeChild(videoElement);
-            }.bind(this);
+      _videoIdChanged: function() {
+        if (!this.videoId) {
+          return;
+        }
 
-            // If we haven't received a 'playing' event within 500ms, then we're most likely on a browser that doesn't
-            // support programmatic plays. Do a final check after 500ms and set this.playsupported at that point.
-            timeout = setTimeout(videoElement.onplaying, 500);
+        this.currenttime = 0;
+        this.currenttimeformatted = this._toHHMMSS(0);
+        this.fractionloaded = 0;
+        this.duration = 1;
+        this.durationformatted = this._toHHMMSS(0);
 
-            // Try to initiate playback...
-            videoElement.play();
-          });
+        if (!this._player || !this._player.cueVideoById) {
+          this._pendingVideoId = this.videoId;
         } else {
-          // If there's no play() method then we know that it's not supported.
-          this.playsupported = false;
-          this._playsupportedLocalStorage = false;
+          // Figure out whether we should cue or load (which will autoplay) the next video.
+          if (this.playsupported && this.attributes['autoplay'] && this.attributes['autoplay'].value == '1') {
+            this._player.loadVideoById(this.videoId);
+          } else {
+            this._player.cueVideoById(this.videoId);
+          }
         }
-      }
-    },
-
-    /**
-     * Sets fluid width/height.
-     *
-     * If the fluid attribute is set, the aspect ratio of the video will
-     * be inferred (if set in pixels), or assumed to be 16:9. The element
-     * will give itself enough top padding to force the player to use the
-     * correct aspect ratio, even as the screen size changes.
-     *
-     */
-    ready: function() {
-      if (this.hasAttribute('fluid')) {
-        var ratio = parseInt(this.height, 10) / parseInt(this.width, 10);
-        if (isNaN(ratio)) {
-          ratio = 9/16;
-        }
-        ratio *= 100;
-        this.width = '100%';
-        this.height = 'auto';
-        this.$.container.style['padding-top'] = ratio + '%';
-      }
-    },
-
-    /**
-     * Clean up the underlying Player `<iframe>` when we're removed from the DOM.
-     */
-    detached: function() {
-      if (this._player) {
-        this._player.destroy();
-      }
-    },
-
-    /**
-     * Plays the current video.
-     *
-     * Note that on certain mobile browsers, playback
-     * [can't be initiated programmatically](https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations).
-     *
-     * If `this.playsupported` is not `true`, calling `play()` will have no effect.
-     *
-     * @method play
-     */
-    play: function() {
-      if (this._player && this._player.playVideo && this.playsupported) {
-        this._player.playVideo();
-      }
-    },
-
-    /**
-     * Modifies the volume of the current video.
-     *
-     * Developers should take care not to break expected user experience by programmatically
-     * modifying the volume on mobile browsers.
-     * Note that the YouTube player, in addition, does not display volume controls in a
-     * mobile environment.
-     *
-     * @method setVolume
-     * @param {number} volume The new volume, an integer between 0 (muted) and 100 (loudest).
-     */
-    setVolume: function(volume) {
-      if (this._player && this._player.setVolume) {
-        this._player.setVolume(volume);
-      }
-    },
-
-    /**
-     * Mutes the current video.
-     *
-     * Developers should take care not to break expected user experience by programmatically
-     * modifying the volume on mobile browsers.
-     * Note that the YouTube player, in addition, does not display volume controls in a
-     * mobile environment.
-     *
-     * @method mute
-     */
-    mute: function() {
-      if (this._player && this._player.mute) {
-        this._player.mute();
-      }
-    },
-
-    /**
-     * Unmutes the current video.
-     *
-     * Developers should take care not to break expected user experience by programmatically
-     * modifying the volume on mobile browsers.
-     * Note that the YouTube player, in addition, does not display volume controls in a
-     * mobile environment.
-     *
-     * @method unMute
-     */
-    unMute: function() {
-      if (this._player && this._player.unMute) {
-        this._player.unMute();
-      }
-    },
-
-    /**
-     * Pauses the current video.
-     *
-     * @method pause
-     */
-    pause: function() {
-      if (this._player && this._player.pauseVideo) {
-        this._player.pauseVideo();
-      }
-    },
-
-    /**
-     * Skips ahead (or back) to the specified number of seconds.
-     *
-     * @method seekTo
-     * @param {number} seconds Number of seconds to seek to.
-     */
-    seekTo: function(seconds) {
-      if (this._player && this._player.seekTo) {
-        this._player.seekTo(seconds, true);
-
-        // Explicitly call _updatePlaybackStats() to ensure that the new playback info is
-        // reflected in the bound attributes.
-        // The 100ms delay is somewhat arbitrary, but the YouTube player does need time to
-        // update its internal state following the call to player.seekTo().
-        this.async(function() {
-          this._updatePlaybackStats();
-        }, 100);
-      }
-    },
-
-    /**
-     * This function sets the suggested playback rate for the current video.
-     * If the playback rate changes, it will only change for the video that is already cued or being played.
-     * If you set the playback rate for a cued video, that rate will still be in effect when the `playVideo` function is called or the user initiates playback directly through the player controls.
-     * In addition, calling functions to cue or load videos or playlists (`cueVideoById`, `loadVideoById`, etc.) will reset the playback rate to 1.
-     *
-     * Calling this function does not guarantee that the playback rate will actually change.
-     * However, if the playback rate does change, the `onPlaybackRateChange` event will fire, and your code should respond to the event rather than the fact that it called the `setPlaybackRate` function.
-     *
-     * The `getAvailablePlaybackRates` method will return the possible playback rates for the currently playing video.
-     * However, if you set the `suggestedRate` parameter to a non-supported integer or float value, the player will round that value down to the nearest supported value in the direction of 1.
-     *
-     * @method setPlaybackRate
-     * @param {number} suggestedRate Playback rate for the current video.
-     */
-    setPlaybackRate: function(suggestedRate) {
-      if(this._player && this._player.setPlaybackRate) {
-        this._player.setPlaybackRate(suggestedRate);
-      }
-    },
-
-    /**
-     * This function sets the suggested video quality for the current video.
-     * The function causes the video to reload at its current position in the new quality.
-     * If the playback quality does change, it will only change for the video being played.
-     * Calling this function does not guarantee that the playback quality will actually change.
-     * However, if the playback quality does change, the `onPlaybackQualityChange` event will fire, and your code should respond to the event rather than the fact that it called the `setPlaybackQuality` function.
-     *
-     * The `suggestedQuality` parameter value can be `small`, `medium`, `large`, `hd720`, `hd1080`, `highres` or `default`.
-     * We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
-     *
-     * When you suggest a playback quality for a video, the suggested quality will only be in effect for that video.
-     * You should select a playback quality that corresponds to the size of your video player.
-     * For example, if your page displays a `1280px` by `720px` video player, a `hd720` quality video will actually look better than an `hd1080` quality video.
-     * We recommend calling the `getAvailableQualityLevels()` function to determine which quality levels are available for a video.
-     *
-     * The list below shows the playback quality levels that correspond to different standard player sizes.
-     * We recommend that you set the height of your video player to one of the values listed below and that you size your player to use 16:9 aspect ratio.
-     * As stated above, even if you choose a standard player size, we also recommend that you set the `suggestedQuality` parameter value to default to enable YouTube to select the most appropriate playback quality.
-     *
-     * - `small`: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
-     * - `medium`: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
-     * - `large`: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
-     * - `hd720`: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
-     * - `hd1080`: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
-     * - `highres`: Player height is greater than 1080px, which means that the player's aspect ratio is greater than 1920px by 1080px.
-     * - `default`: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the `cueVideoById`, `loadVideoById` or `setPlaybackQuality` functions.
-     *
-     * If you call the `setPlaybackQuality` function with a `suggestedQuality` level that is not available for the video, then the quality will be set to the next lowest level that is available.
-     * For example, if you request a quality level of large, and that is unavailable, then the playback quality will be set to medium (as long as that quality level is available).
-     *
-     * In addition, setting `suggestedQuality` to a value that is not a recognized quality level is equivalent to setting `suggestedQuality` to default.
-     *
-     * @method setPlaybackQuality
-     * @param {string} suggestedQuality Playback quality for the current video.
-     */
-    setPlaybackQuality: function(suggestedQuality) {
-      if(this._player && this._player.setPlaybackQuality) {
-        this._player.setPlaybackQuality(suggestedQuality);
-      }
-    },
-
-    _videoIdChanged: function() {
-      this.currenttime = 0;
-      this.currenttimeformatted = this._toHHMMSS(0);
-      this.fractionloaded = 0;
-      this.duration = 1;
-      this.durationformatted = this._toHHMMSS(0);
-
-      if (!this._player || !this._player.cueVideoById) {
-        this._pendingVideoId = this.videoId;
-      } else {
-        // Figure out whether we should cue or load (which will autoplay) the next video.
-        if (this.playsupported && this.attributes['autoplay'] && this.attributes['autoplay'].value == '1') {
-          this._player.loadVideoById(this.videoId);
-        } else {
-          this._player.cueVideoById(this.videoId);
+      },
+
+      _player: null,
+      __updatePlaybackStatsInterval: null,
+      _pendingVideoId: '',
+
+      _apiLoad: function() {
+        // Establish some defaults. Attributes set on the google-youtube element
+        // can override defaults, or specify additional player parameters. See
+        // https://developers.google.com/youtube/player_parameters
+        var playerVars = {
+          playsinline: 1,
+          controls: 2,
+          autohide: 1,
+          // This will (intentionally) be overwritten if this.attributes['autoplay'] is set.
+          autoplay: this.autoplay
+        };
+
+        if (this.chromeless) {
+          playerVars.controls = 0;
+          playerVars.modestbranding = 1;
+          playerVars.showinfo = 0;
+          // Disable annotations.
+          playerVars.iv_load_policy = 3;
+          // Disable related videos on the end screen.
+          playerVars.rel = 0;
         }
-      }
-    },
-
-    _player: null,
-    __updatePlaybackStatsInterval: null,
-    _pendingVideoId: '',
-
-    _apiLoad: function() {
-      // Establish some defaults. Attributes set on the google-youtube element
-      // can override defaults, or specify additional player parameters. See
-      // https://developers.google.com/youtube/player_parameters
-      var playerVars = {
-        playsinline: 1,
-        controls: 2,
-        autohide: 1,
-        // This will (intentionally) be overwritten if this.attributes['autoplay'] is set.
-        autoplay: this.autoplay
-      };
-
-      if (this.chromeless) {
-        playerVars.controls = 0;
-        playerVars.modestbranding = 1;
-        playerVars.showinfo = 0;
-        // Disable annotations.
-        playerVars.iv_load_policy = 3;
-        // Disable related videos on the end screen.
-        playerVars.rel = 0;
-      }
 
-      for (var i = 0; i < this.attributes.length; i++) {
-        var attribute = this.attributes[i];
-        playerVars[attribute.nodeName] = attribute.value;
-      }
+        for (var i = 0; i < this.attributes.length; i++) {
+          var attribute = this.attributes[i];
+          playerVars[attribute.nodeName] = attribute.value;
+        }
 
-      this._player = new YT.Player(this.$.player, {
-        videoId: this.videoId,
-        width: '100%',
-        height: '100%',
-        playerVars: playerVars,
-        events: {
-          onReady: function(e) {
-            if (this._pendingVideoId && this._pendingVideoId != this.videoId) {
-              this._player.cueVideoById(this._pendingVideoId);
-              this._pendingVideoId = '';
-            }
-
-            this.fire('google-youtube-ready', e);
-          }.bind(this),
-          onStateChange: function(e) {
-            this.state = e.data;
-
-            // The YouTube Player API only exposes playback data about a video once
-            // playback has begun.
-            if (this.state == 1) {
-              this.playbackstarted = true;
-
-              // After playback has begun, play() can always be used to resume playback if the video is paused.
-              this.playsupported = true;
-
-              this.duration = this._player.getDuration();
-              this.durationformatted = this._toHHMMSS(this.duration);
-
-              if (!this.__updatePlaybackStatsInterval) {
-                this.__updatePlaybackStatsInterval = setInterval(this._updatePlaybackStats.bind(this), 1000);
+        this._player = new YT.Player(this.$.player, {
+          videoId: this.videoId,
+          width: '100%',
+          height: '100%',
+          playerVars: playerVars,
+          events: {
+            onReady: function(e) {
+              if (this._pendingVideoId && this._pendingVideoId != this.videoId) {
+                this._player.cueVideoById(this._pendingVideoId);
+                this._pendingVideoId = '';
               }
-            } else {
-              // We only need to update the stats if the video is playing.
-              if (this.__updatePlaybackStatsInterval) {
-                clearInterval(this.__updatePlaybackStatsInterval);
-                this.__updatePlaybackStatsInterval = null;
+
+              this.fire('google-youtube-ready', e);
+            }.bind(this),
+            onStateChange: function(e) {
+              this.state = e.data;
+
+              // The YouTube Player API only exposes playback data about a video once
+              // playback has begun.
+              if (this.state == 1) {
+                this.playbackstarted = true;
+
+                // After playback has begun, play() can always be used to resume playback if the video is paused.
+                this.playsupported = true;
+
+                this.duration = this._player.getDuration();
+                this.durationformatted = this._toHHMMSS(this.duration);
+
+                if (!this.__updatePlaybackStatsInterval) {
+                  this.__updatePlaybackStatsInterval = setInterval(this._updatePlaybackStats.bind(this), 1000);
+                }
+              } else {
+                // We only need to update the stats if the video is playing.
+                if (this.__updatePlaybackStatsInterval) {
+                  clearInterval(this.__updatePlaybackStatsInterval);
+                  this.__updatePlaybackStatsInterval = null;
+                }
               }
-            }
-
-            this.fire('google-youtube-state-change', e);
-          }.bind(this),
-          onPlaybackQualityChange: function(e) {
-            this.playbackquality = e.data;
-          }.bind(this),
-          onPlaybackRateChange: function(e) {
-            this.playbackrate = e.data;
-          }.bind(this),
-          onError: function(e) {
-            // Set the player state to 0 ('ended'), since playback will have stopped.
-            this.state = 0;
-
-            this.fire('google-youtube-error', e);
-          }.bind(this)
+
+              this.fire('google-youtube-state-change', e);
+            }.bind(this),
+            onPlaybackQualityChange: function(e) {
+              this.playbackquality = e.data;
+            }.bind(this),
+            onPlaybackRateChange: function(e) {
+              this.playbackrate = e.data;
+            }.bind(this),
+            onError: function(e) {
+              // Set the player state to 0 ('ended'), since playback will have stopped.
+              this.state = 0;
+
+              this.fire('google-youtube-error', e);
+            }.bind(this)
+          }
+        });
+      },
+
+      _updatePlaybackStats: function() {
+        this.currenttime = Math.round(this._player.getCurrentTime());
+        this.currenttimeformatted = this._toHHMMSS(this.currenttime);
+        this.fractionloaded = this._player.getVideoLoadedFraction();
+        this.volume = this._player.getVolume();
+      },
+
+      _toHHMMSS: function(totalSeconds) {
+        var hours = Math.floor(totalSeconds / 3600);
+        totalSeconds -= hours * 3600;
+        var minutes = Math.floor(totalSeconds / 60);
+        var seconds = Math.round(totalSeconds - (minutes * 60));
+
+        var hourPortion = '';
+        if (hours > 0) {
+          hourPortion += hours + ':';
+
+          if (minutes < 10) {
+            minutes = '0' + minutes;
+          }
         }
-      });
-    },
-
-    _updatePlaybackStats: function() {
-      this.currenttime = Math.round(this._player.getCurrentTime());
-      this.currenttimeformatted = this._toHHMMSS(this.currenttime);
-      this.fractionloaded = this._player.getVideoLoadedFraction();
-      this.volume = this._player.getVolume();
-    },
-
-    _toHHMMSS: function(totalSeconds) {
-      var hours = Math.floor(totalSeconds / 3600);
-      totalSeconds -= hours * 3600;
-      var minutes = Math.floor(totalSeconds / 60);
-      var seconds = Math.round(totalSeconds - (minutes * 60));
-
-      var hourPortion = '';
-      if (hours > 0) {
-        hourPortion += hours + ':';
-
-        if (minutes < 10) {
-          minutes = '0' + minutes;
+
+        if (seconds < 10) {
+          seconds = '0' + seconds;
         }
-      }
 
-      if (seconds < 10) {
-        seconds = '0' + seconds;
-      }
+        return hourPortion + minutes + ':' + seconds;
+      },
 
-      return hourPortion + minutes + ':' + seconds;
-    },
+      _handleThumbnailTap: function() {
+        this.autoplay = 1;
+        this.thumbnail = '';
+      }
+    });
+  </script>
+</dom-module>
 
-    _handleThumbnailTap: function() {
-      this.autoplay = 1;
-      this.thumbnail = '';
-    }
-  });
-</script>

From 940090c62b2518525b180e3e2fe4b1408845ddd0 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 18:15:40 -0800
Subject: [PATCH 04/13] added WCT

---
 test/index.html | 13 ++++++++++---
 test/tests.html | 13 -------------
 2 files changed, 10 insertions(+), 16 deletions(-)
 delete mode 100644 test/tests.html

diff --git a/test/index.html b/test/index.html
index 29ab956..b7325c6 100644
--- a/test/index.html
+++ b/test/index.html
@@ -4,10 +4,17 @@
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
     <title>google-youtube Test Runner</title>
     <meta charset="UTF-8">
-    <script src="../../platform/platform.js"></script>
-    <link rel="import" href="tests.html">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
   </head>
   <body>
-    <div id="mocha"></div>
+    <script>
+      WCT.loadSuites([
+        'google-youtube-basic.html?dom=shadow',
+        'google-youtube-custom-thumbnail.html?dom=shadow',
+        'google-youtube-basic.html?wc-ce=true&wc-shadydom=true',
+        'google-youtube-custom-thumbnail.html?wc-ce=true&wc-shadydom=true',
+      ]);
+    </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/test/tests.html b/test/tests.html
deleted file mode 100644
index 6aec722..0000000
--- a/test/tests.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<link rel="import" href="../../polymer-test-tools/tools.html">
-<script src="../../polymer-test-tools/mocha-htmltest.js"></script>
-
-<script>
-  mocha.setup({ui: 'tdd', slow: 5000, timeout: 10000, htmlbase: ''});
-
-  htmlSuite('google-youtube', function() {
-    htmlTest('google-youtube-basic.html');
-    htmlTest('google-youtube-custom-thumbnail.html');
-  });
-
-  mocha.run();
-</script>

From 60b0be8296526002d79b6579139b2853bd03a7bd Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 18:15:50 -0800
Subject: [PATCH 05/13] made tests WCT and fixed them

---
 test/google-youtube-basic.html            | 92 ++++++++++++-----------
 test/google-youtube-custom-thumbnail.html | 68 ++++++++++++-----
 2 files changed, 98 insertions(+), 62 deletions(-)

diff --git a/test/google-youtube-basic.html b/test/google-youtube-basic.html
index 1bfc25c..625cc7e 100644
--- a/test/google-youtube-basic.html
+++ b/test/google-youtube-basic.html
@@ -4,64 +4,70 @@
   <head>
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
     <title>google-youtube Basic Tests</title>
-    <script src="../../platform/platform.js"></script>
-    <link rel="import" href="../../polymer-test-tools/tools.html">
-    <script src="../../polymer-test-tools/htmltest.js"></script>
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+
+    <link rel="import" href="../../polymer/polymer.html">
     <link rel="import" href="../google-youtube.html">
   </head>
   <body>
-    <google-youtube></google-youtube>
+    <test-fixture id="GoogleYoutube">
+      <template>
+        <google-youtube></google-youtube>
+      </template>
+    </test-fixture>
 
     <script>
-      function testToHHMMSS(googleYouTube) {
-        // Durations in seconds and the formatted string that's expected for each.
-        var durationsToFormattedStrings = {
-          0: '0:00',
-          1: '0:01',
-          '5.4': '0:05',
-          '5.5': '0:06',
-          10: '0:10',
-          60: '1:00',
-          601: '10:01',
-          3600: '1:00:00',
-          3661: '1:01:01',
-          36000: '10:00:00'
-        };
+      'use strict'
 
-        Object.keys(durationsToFormattedStrings).forEach(function(seconds) {
-          assert.equal(durationsToFormattedStrings[seconds], googleYouTube.toHHMMSS(seconds));
+      suite('basic tests', function() {
+        var googleYouTube;
+        setup(function() {
+          googleYouTube = fixture('GoogleYoutube');
         });
-      }
 
-      function testPlayMethodAndStateTransitions(googleYouTube) {
-        // Expected state transitions: -1 (unstarted) -> 3 (buffering) -> 1 (playing)
-        var stateTransitions = [-1, 3, 1];
+        test('HHMMSS', function() {
+          // Durations in seconds and the formatted string that's expected for each.
+          var durationsToFormattedStrings = {
+            0: '0:00',
+            1: '0:01',
+            '5.4': '0:05',
+            '5.5': '0:06',
+            10: '0:10',
+            60: '1:00',
+            601: '10:01',
+            3600: '1:00:00',
+            3661: '1:01:01',
+            36000: '10:00:00'
+          };
 
-        googleYouTube.addEventListener('google-youtube-state-change', function(e) {
-          // Test that the element's state property always is set to the same property in the event.
-          assert.equal(e.detail.data, googleYouTube.state);
+          Object.keys(durationsToFormattedStrings).forEach(function(seconds) {
+            assert.equal(durationsToFormattedStrings[seconds], googleYouTube._toHHMMSS(seconds));
+          });
+        });
 
-          // Test that the player goes through the expected sequence of state transitions.
-          assert.equal(e.detail.data, stateTransitions.shift());
+        test('play method and state transitions', function(done) {
+          // Expected state transitions: -1 (unstarted) -> 3 (buffering) -> 1 (playing)
+          var stateTransitions = [-1, 3, 1];
 
-          // Once the array of expected state transitions have been exhausted, end the test.
-          if (stateTransitions.length == 0) {
-            done();
-          }
-        });
+          googleYouTube.addEventListener('google-youtube-state-change', function(e) {
+            // Test that the element's state property always is set to the same property in the event.
+            assert.equal(e.detail.data, googleYouTube.state);
 
-        // Kick off playback.
-        googleYouTube.play();
-      }
+            // Test that the player goes through the expected sequence of state transitions.
+            assert.equal(e.detail.data, stateTransitions.shift());
 
-      document.addEventListener('polymer-ready', function() {
-        var googleYouTube = document.querySelector('google-youtube');
+            // Once the array of expected state transitions have been exhausted, end the test.
+            if (stateTransitions.length == 0) {
+              done();
+            }
+          });
 
-        testToHHMMSS(googleYouTube);
+          googleYouTube.addEventListener('google-youtube-ready', function() {
+            googleYouTube.play();
+          });
 
-        // Playback can't be initiated until after the google-youtube-ready event is fired.
-        googleYouTube.addEventListener('google-youtube-ready', function() {
-          testPlayMethodAndStateTransitions(googleYouTube);
+          googleYouTube.videoId = 'eORqFaf_QzM';
         });
       });
     </script>
diff --git a/test/google-youtube-custom-thumbnail.html b/test/google-youtube-custom-thumbnail.html
index 9e6d0fb..3ce7f4b 100644
--- a/test/google-youtube-custom-thumbnail.html
+++ b/test/google-youtube-custom-thumbnail.html
@@ -4,37 +4,67 @@
   <head>
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
     <title>google-youtube Basic Tests</title>
-    <script src="../../platform/platform.js"></script>
-    <link rel="import" href="../../polymer-test-tools/tools.html">
-    <script src="../../polymer-test-tools/htmltest.js"></script>
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../web-component-tester/browser.js"></script>
+
+    <link rel="import" href="../../polymer/polymer.html">
+    <link rel="import" href="../../iron-test-helpers/mock-interactions.html">
     <link rel="import" href="../google-youtube.html">
   </head>
   <body>
-    <google-youtube thumbnail="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="></google-youtube>
+    <test-fixture id="GoogleYoutube">
+      <template>
+        <google-youtube
+          thumbnail="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=">
+        </google-youtube>
+      </template>
+    </test-fixture>
 
     <script>
-      function testThumbnailImgPresent(googleYouTube) {
-        assert.ok(googleYouTube.shadowRoot.querySelector('img'), 'thumbnail <img> is present.');
-      }
+      'use strict'
 
-      function testTapHandlerLoadsEmbed(googleYouTube) {
-        googleYouTube.addEventListener('google-youtube-ready', function(e) {
-          assert.notOk(googleYouTube.shadowRoot.querySelector('img'), 'thumbnail <img> is no longer present.');
+      // uses the correct dom flush based on version of Polymer
+      var flushDom = function() {
+        if (Polymer.Templatizer.flush) {
+          Polymer.Templatizer.flush();
+        } else {
+          Polymer.dom.flush();
+        }
+      };
 
-          assert.ok(googleYouTube.shadowRoot.querySelector('iframe'), 'YouTube embed <iframe> is present.');
+      suite('thumbnail tests', function() {
+        var googleYouTube;
+        setup(function() {
+          googleYouTube = fixture('GoogleYoutube');
+        });
 
-          done();
+        test('Thumbnail image present', function() {
+          flushDom();
+          assert.ok(googleYouTube.$$('img'), 'thumbnail <img> is present.');
         });
 
-        // Trigger the on-tap handler.
-        googleYouTube.handleThumbnailTap();
-      }
+        test('Tap handler loads embed', function(done) {
+          var thumbnail;
+
+          googleYouTube.addEventListener('google-youtube-state-change', function(e) {
+            if (!googleYouTube.state || googleYouTube.state === -1) {
+              return;
+            }
+
+            expect(getComputedStyle(thumbnail).display).to.be.eql('none');
 
-      document.addEventListener('polymer-ready', function() {
-        var googleYouTube = document.querySelector('google-youtube');
+            assert.ok(googleYouTube.$$('iframe'), 'YouTube embed <iframe> is present.');
 
-        testThumbnailImgPresent(googleYouTube);
-        testTapHandlerLoadsEmbed(googleYouTube);
+            done();
+          });
+
+          googleYouTube.videoId = 'eORqFaf_QzM';
+
+          flushDom();
+
+          thumbnail = googleYouTube.$$('#thumbnail');
+          MockInteractions.tap(thumbnail);
+        });
       });
     </script>
   </body>

From 0712283955e483d21d34f0cd5a658d8acf2f05e1 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 19:02:49 -0800
Subject: [PATCH 06/13] file rename

---
 demo/{demo.elements.html => demo-elements.html} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename demo/{demo.elements.html => demo-elements.html} (100%)

diff --git a/demo/demo.elements.html b/demo/demo-elements.html
similarity index 100%
rename from demo/demo.elements.html
rename to demo/demo-elements.html

From 0a10008dbafbf9424346d7a305f6c39095d08d1d Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 4 Jan 2017 19:08:04 -0800
Subject: [PATCH 07/13] fixed demo

---
 demo/demo-elements.html | 95 +++++++++++++++++++++--------------------
 demo/index.html         |  4 +-
 2 files changed, 51 insertions(+), 48 deletions(-)

diff --git a/demo/demo-elements.html b/demo/demo-elements.html
index 1b8e0ab..07346fa 100644
--- a/demo/demo-elements.html
+++ b/demo/demo-elements.html
@@ -74,50 +74,53 @@ <h3>Playlist Demo</h3>
                     height="480px">
     </google-youtube>
   </template>
-</dom-module>
-<script>
-  Polymer({
-    is: 'demo-element',
-    properties: {
-      playSupported: Boolean,
-      state: Number,
-      currentTime: Number,
-      currentTimeFormatted: String,
-      duration: Number,
-      durationFormatted: String,
-      fractionLoaded: Number,
-      volume: Number,
-      playbackRate: Number,
-      playbackQuality: String,
-      events: {
-        type: Array,
-        value: []
-      }
-    },
-    computeProgress: function(currentTime, duration) {
-      return currentTime / duration;
-    },
-    computePlayDisabled: function(state, playSupported) {
-      return state == 1 || state == 3 || !playSupported;
-    },
-    computePauseDisabled: function(state) {
-      return state != 1 && state != 3;
-    },
-    handleStateChange: function(ev) {
-      this.events.push({data: ev.detail.data});
-    },
-    handleYouTubeError: function(ev) {
-      console.error('YouTube playback error', ev.detail);
-    },
-    handlePlayVideo: function(ev) {
-      this.$.googleYouTube.play();
-    },
-    handlePauseVideo: function(ev) {
-      this.$.googleYouTube.pause();
-    },
-    handleCueVideo: function(ev) {
-      this.$.googleYouTube.videoId = this.$.videoId.value;
-    }
-  });
+  <script>
+    Polymer({
+      is: 'demo-element',
+      properties: {
+        playSupported: Boolean,
+        state: Number,
+        currentTime: Number,
+        currentTimeFormatted: String,
+        duration: Number,
+        durationFormatted: String,
+        fractionLoaded: Number,
+        volume: Number,
+        playbackRate: Number,
+        playbackQuality: String,
+        events: {
+          type: Array,
+          value: []
+        }
+      },
+      computeProgress: function(currentTime, duration) {
+        if (currentTime === undefined || duration === undefined) {
+          return 0;
+        }
 
-</script>
+        return currentTime / duration;
+      },
+      computePlayDisabled: function(state, playSupported) {
+        return state == 1 || state == 3 || !playSupported;
+      },
+      computePauseDisabled: function(state) {
+        return state != 1 && state != 3;
+      },
+      handleStateChange: function(ev) {
+        this.events.push({data: ev.detail.data});
+      },
+      handleYouTubeError: function(ev) {
+        console.error('YouTube playback error', ev.detail);
+      },
+      handlePlayVideo: function(ev) {
+        this.$.googleYouTube.play();
+      },
+      handlePauseVideo: function(ev) {
+        this.$.googleYouTube.pause();
+      },
+      handleCueVideo: function(ev) {
+        this.$.googleYouTube.videoId = this.$.videoId.value;
+      }
+    });
+  </script>
+</dom-module>
diff --git a/demo/index.html b/demo/index.html
index be47bf3..99a9b73 100755
--- a/demo/index.html
+++ b/demo/index.html
@@ -5,8 +5,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
     <title>&lt;google-youtube&gt; Demo</title>
-    <script src="../../webcomponentsjs/webcomponents.js"></script>
-    <link rel="import" href="demo.elements.html">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="demo-elements.html">
 
     <style>
       body {

From 47675cc84b66af5c31b1c381b88834277951ff69 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Thu, 5 Jan 2017 17:37:40 -0800
Subject: [PATCH 08/13] added proper test fixture branch

---
 bower.json | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 4c972e5..f8cacb6 100755
--- a/bower.json
+++ b/bower.json
@@ -27,7 +27,7 @@
   "devDependencies": {
     "web-component-tester": "*",
     "iron-component-page": "PolymerElements/iron-component-page#2.0-preview",
-    "iron-test-helpers": "PolymerElements/iron-test-helpers#2.0-preview"
+    "test-fixture": "PolymerElements/test-fixture#custom-elements-v1"
   },
   "variants": {
     "1.x": {
@@ -42,5 +42,8 @@
         "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
       }
     }
+  },
+  "resolutions": {
+    "test-fixture": "custom-elements-v1"
   }
 }

From 3f3d1904726c5736e8364cc93007eb381c5c2f09 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Thu, 5 Jan 2017 17:37:56 -0800
Subject: [PATCH 09/13] fixed concurrency issue

---
 test/google-youtube-custom-thumbnail.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/test/google-youtube-custom-thumbnail.html b/test/google-youtube-custom-thumbnail.html
index 3ce7f4b..8573dc1 100644
--- a/test/google-youtube-custom-thumbnail.html
+++ b/test/google-youtube-custom-thumbnail.html
@@ -8,7 +8,7 @@
     <script src="../../web-component-tester/browser.js"></script>
 
     <link rel="import" href="../../polymer/polymer.html">
-    <link rel="import" href="../../iron-test-helpers/mock-interactions.html">
+    <link rel="import" href="../../test-fixture/test-fixture.html">
     <link rel="import" href="../google-youtube.html">
   </head>
   <body>
@@ -63,7 +63,7 @@
           flushDom();
 
           thumbnail = googleYouTube.$$('#thumbnail');
-          MockInteractions.tap(thumbnail);
+          googleYouTube._handleThumbnailTap();
         });
       });
     </script>

From 1216a4098599961feb25d75f0d0d0574f781cd66 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Tue, 11 Apr 2017 22:19:07 -0700
Subject: [PATCH 10/13] update polymer and wct to rc

---
 .gitignore |  1 +
 bower.json | 12 ++++--------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index 0e054a7..1b3dfde 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 bower_components*
+bower-*.json
\ No newline at end of file
diff --git a/bower.json b/bower.json
index f8cacb6..c129e77 100755
--- a/bower.json
+++ b/bower.json
@@ -20,14 +20,13 @@
     "web-component"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#2.0-preview",
+    "polymer": "Polymer/polymer#^2.0.0-rc.1",
     "google-apis": "e111077/google-apis#2.0-preview",
     "iron-localstorage": "PolymerElements/iron-localstorage#2.0-preview"
   },
   "devDependencies": {
-    "web-component-tester": "*",
-    "iron-component-page": "PolymerElements/iron-component-page#2.0-preview",
-    "test-fixture": "PolymerElements/test-fixture#custom-elements-v1"
+    "web-component-tester": "^6.0.0-prerelease.6",
+    "iron-component-page": "PolymerElements/iron-component-page#2.0-preview"
   },
   "variants": {
     "1.x": {
@@ -37,13 +36,10 @@
         "iron-localstorage": "PolymerElements/iron-localstorage#^1.0.0"
       },
       "devDependencies": {
-        "web-component-tester": "*",
+        "web-component-tester": "^4.0.0",
         "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
         "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0"
       }
     }
-  },
-  "resolutions": {
-    "test-fixture": "custom-elements-v1"
   }
 }

From 9c3c6bbe2b51067acce151fe2aeb87b3d61dc311 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Wed, 12 Apr 2017 20:13:21 -0700
Subject: [PATCH 11/13] point bower to new GWC branch

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index c129e77..cf9c884 100755
--- a/bower.json
+++ b/bower.json
@@ -21,7 +21,7 @@
   ],
   "dependencies": {
     "polymer": "Polymer/polymer#^2.0.0-rc.1",
-    "google-apis": "e111077/google-apis#2.0-preview",
+    "google-apis": "GoogleWebComponents/google-apis#2.0-preview",
     "iron-localstorage": "PolymerElements/iron-localstorage#2.0-preview"
   },
   "devDependencies": {

From 5fb61a54ee6948315f9a82ce40bbe3d94b1c5a34 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Fri, 1 Sep 2017 12:23:11 -0700
Subject: [PATCH 12/13] fix deps

---
 bower.json | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/bower.json b/bower.json
index cf9c884..eb458f1 100755
--- a/bower.json
+++ b/bower.json
@@ -3,7 +3,7 @@
   "description": "YouTube video playback web component.",
   "homepage": "https://googlewebcomponents.github.io/google-youtube",
   "main": "google-youtube.html",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "authors": [
     "Jeff Posnick <jeffy@google.com>"
   ],
@@ -20,13 +20,13 @@
     "web-component"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#^2.0.0-rc.1",
-    "google-apis": "GoogleWebComponents/google-apis#2.0-preview",
-    "iron-localstorage": "PolymerElements/iron-localstorage#2.0-preview"
+    "polymer": "Polymer/polymer#1.9 - 2",
+    "google-apis": "GoogleWebComponents/google-apis#1 - 2",
+    "iron-localstorage": "PolymerElements/iron-localstorage#1 - 2"
   },
   "devDependencies": {
-    "web-component-tester": "^6.0.0-prerelease.6",
-    "iron-component-page": "PolymerElements/iron-component-page#2.0-preview"
+    "web-component-tester": "^6.0.0",
+    "iron-component-page": "PolymerElements/iron-component-page#1 - 2"
   },
   "variants": {
     "1.x": {

From 76edbd60c6cd1e7d5132a00cdfd31eab67b470e0 Mon Sep 17 00:00:00 2001
From: Elliott Marquez <emarquez@google.com>
Date: Fri, 1 Sep 2017 15:33:53 -0700
Subject: [PATCH 13/13] test -> test

---
 {test => tests}/google-youtube-basic.html            | 0
 {test => tests}/google-youtube-custom-thumbnail.html | 0
 {test => tests}/index.html                           | 0
 3 files changed, 0 insertions(+), 0 deletions(-)
 rename {test => tests}/google-youtube-basic.html (100%)
 rename {test => tests}/google-youtube-custom-thumbnail.html (100%)
 rename {test => tests}/index.html (100%)

diff --git a/test/google-youtube-basic.html b/tests/google-youtube-basic.html
similarity index 100%
rename from test/google-youtube-basic.html
rename to tests/google-youtube-basic.html
diff --git a/test/google-youtube-custom-thumbnail.html b/tests/google-youtube-custom-thumbnail.html
similarity index 100%
rename from test/google-youtube-custom-thumbnail.html
rename to tests/google-youtube-custom-thumbnail.html
diff --git a/test/index.html b/tests/index.html
similarity index 100%
rename from test/index.html
rename to tests/index.html