Polymer 1.0 Extending Elements - paper-dialog with custom element

[Darin Hensley]

Stackoverflow cross post

I am am trying to create a custom element that plays a youtube video in `paper-dialog`. So `videoPlayer = Polymer.dom(this.root).querySelector('video-player');` inherits/has access to that `paper-dialog`s `open` method, I am trying to extend my custom element. It isn't working, but hopefully I am on the right track and someone can show me correctly. 

I am using `Polymer 1.0`, but I only have https://www.polymer-project.org/0.5/docs/polymer/polymer.html#extending-other-elements to go by for extending elements. 

    <link rel="import" href="../bower_components/paper-dialog/paper-dialog.html">
    <link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
    <link rel="import" href="../bower_components/iron-icons/iron-icons.html">
    <link rel="import" href="../bower_components/google-youtube/google-youtube.html">
    <link rel="import" href="../bower_components/polymer/polymer.html">
   
    <dom-module id="video-player">
      <template>
          <div class="layout horizontal">
            <paper-button dialog-dismiss>
              <paper-icon-button icon="arrow-back"></paper-icon-button>
            </paper-button>
          </div>
          <div style="height: 100%; width: 100%">
            <google-youtube style="height: 100%;"
              video-id="YMWd7QnXY8E"
              rel="1"
              start="5"
              playsinline="0"
              controls="2"
              showinfo="0"
              width="100%"
              height="100%"
              autoplay="1">
            </google-youtube>
          </div>
      </template>
   
      <script>
        Polymer({
          is: "video-player"
        });
      </script>
    </dom-module>

------------------------------------------------------------------

    <paper-dialog name="video-player" extends="video-player">
      <template>
        <shadow></shadow>
      </template>
      <script>
         Polymer();
      </script>
    </paper-dialog>

---------------------------------------------------

    

    <video-player></video-player>

[Robert Stone]

Thats because at the moment you can't extend custom elements:

https://www.polymer-project.org/1.0/docs/devguide/registering-elements.html#type-extension