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 .

复制新文件夹＆＃34; google-youtube＆＃34;并在 node_modules
中粘贴您的proyect

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元素，它们只是用于你的应用。

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

4 个答案: