srcminiPolymer google-youtube元素包含一个YouTube视频播放器。
<google-youtube
video-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 = "bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel = "import" href = "/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>
评论前必须登录！
注册