Использование элементов веб-компонентов Google в полимере 3

Question

Как мы можем установить элементы веб-компонентов Google из полимера 3

Пример - использование google-youtube или многих других элементов пока не поддерживает установку npm!

https://www.webcomponents.org/element/GoogleWebComponents/google-youtube

Кто-нибудь разобрался в установке этого для полимера 3.

Answer 1

Модулизатор не работает для меня, поэтому, если просто использовать iframe для интеграции видео.Поскольку мне не нужны какие-либо свойства веб-компонента google-youtube, это прекрасно работает для моего веб-сайта.

<iframe 
  class="video-frame"
  src="https://www.youtube.com/embed/[[videoId]]"
  allowfullscreen="allowfullscreen"
  mozallowfullscreen="mozallowfullscreen" 
  msallowfullscreen="msallowfullscreen" 
  oallowfullscreen="oallowfullscreen" 
  webkitallowfullscreen="webkitallowfullscreen"
  frameBorder="0">
</iframe>

см. Также w3schools для дополнительных параметров запроса, таких как автозапуск и т. Д.

Answer 2

Вы можете попытаться установить его, если полимерный модулятор

npm install -g polymer-modulizer

вам также понадобится установить беседку, тогда в репо вы сможете запустить

modulizer GoogleWebComponents/google-youtube

, который загрузит и преобразует компонент в папку modulizer_workspace

https://github.com/Polymer/polymer-modulizer#workspace-mode

Answer 3

просто:

npm install -g polymer-modulizer
git clone https://github.com/GoogleWebComponents/google-youtube.git
cd google-youtube
modulizer --out .

скопируйте новую папку "google-youtube" и вставьте в свой проект в node_modules

Answer 4

хорошо, вы можете вытащить компонент из github и использовать полимерный модулятор 3, чтобы преобразовать элемент в полимерный элемент 3, и они просто используют его для вашего применения.