Adding SSR support

[orinaveh]

#6

[orinaveh]

@todd-elvers Can you review my PR?

[indreklasn]

@todd-elvers

[todd-elvers]

Everything looks good! Just posed one question regarding vendor prefixing. If vite-plugin-css-injected-by-js handles vendor prefixing just let me know and we can ignore that comment.

[todd-elvers]

My only concern with this approach is vendor prefixing. Unless I missing something and vite-plugin-css-injected-by-js handles it for you, what about changing it to the following:

.button {
      cursor: pointer;
      overflow: hidden;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      background-color: transparent;
      padding: 0;
}

.player {
      display: none;
      -webkit-box-align: center;
         -ms-flex-align: center;
            align-items: center;
      -webkit-box-pack: center;
         -ms-flex-pack: center;
       justify-content: center;
}

.player--loaded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}