【Polymerjs Google YouTube】Polymer google-youtube元素包含一个YouTube视频播放器。
<
google-youtubevideo-id = "....."height = "300px"width = "300px"rel = "0"start = "2"autoplay = "1">
<
/google-youtube>
google-youtube支持所有嵌入式播放器参数https://developers.google.com/youtube/player_parameters。你可以选择这些参数中的任何一个, 并将其设置为google-youtube上的属性。
例子
运行以下命令, 将google-youtube元素安装在你的项目目录中。之后, 你可以在应用程序中使用此元素:
bower install PolymerElements/google-youtube --save
创建一个index.html文件, 并在其中添加以下代码, 以查看Polymer.js中google-youtube元素的用法。
<
!DOCTYPE html>
<
html>
<
head>
<
title>
google-youtube<
/title>
<
meta charset = "UTF-8">
<
script src = "http://www.srcmini.com/bower_components/webcomponentsjs/webcomponents.js">
<
/script>
<
link rel = "import" href = "http://www.srcmini.com/bower_components/google-youtube/google-youtube.html">
<
style>
.youtube {margin: 10px 10px 10px 5px;
}<
/style>
<
/head>
<
body>
<
google-youtube class = "youtube"video-id = "MaWcS-10NIw" height = "200px" start = "3"width = "400px">
<
/google-youtube>
<
/body>
<
/html>
推荐阅读
- Polymerjs iron-a11y-keys元素
- Polymerjs Google Web组件
- Polymerjs Google登录
- Polymer Google街景全景
- Polymer Google客户端加载器
- Polymerjs Google地图
- Polymerjs Google环聊按钮
- Polymer Google Analytics(分析)查询
- Polymerjs gold-phone-input元素