Polymer Google YouTube

The Polymer google-youtube element contains a YouTube video player.

<google-youtube
   video-id = "....."
   height = "300px"
   width = "300px"
   rel = "0"
   start = "2"
   autoplay = "1">
</google-youtube>

All the embedded player parameters https://developers.google.com/youtube/player_parameters are supported by google-youtube. You can select any of these parameter and set as an attribute on google-youtube.

Example

Run the following command to install google-youtube element in your project directory. After that you can use this element in your application:

Create an index.html file and add the following code in it to see the usage of google-youtube element in Polymer.js.

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

Next TopicGold Elements

← prev next →