polymer - 在聚合物 3 中使用 Google Web Components 元素

Question

我们如何在聚合物 3 中安装 Google Web Components 元素

示例 - 使用 google-youtube 或更多元素尚不支持 npm install！

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

有没有人想出为聚合物 3 安装这个。

Answer 1

您可以尝试将其安装到聚合物调制器中

npm install -g polymer-modulizer

你还需要安装凉亭，然后在你的仓库中你可以运行

modulizer GoogleWebComponents/google-youtube

这将下载组件并将其转换为文件夹modulizer_workspace

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

Answer 2

简单地：

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

复制新文件夹“google-youtube”并将您的项目粘贴到node_modules

Answer 3

调制器对我不起作用，因此如果只是简单地使用 iframe 来集成视频。因为我不需要任何 google-youtube webcomponent 属性，所以这对我的网站来说很好。

<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 4

好吧，您可以从 github 中提取组件并使用聚合物 3 调制器将元素转换为聚合物 3 元素，然后他们只需将其用于您的应用程序。