diff --git a/google-youtube.html b/google-youtube.html
index 7c7062e..304ba43 100755
--- a/google-youtube.html
+++ b/google-youtube.html
@@ -38,6 +38,71 @@
 @demo
 -->
 <dom-module id="google-youtube">
+  <style>
+    :host {
+      display: block;
+    }
+
+    :host([fluid]) {
+      width: 100%;
+      max-width: 100%;
+      position: relative;
+    }
+
+    :host([fluid]) iframe,
+    :host([fluid]) #thumbnail {
+      vertical-align: bottom;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      width: 100%;
+      height: 100%;
+    }
+
+    iframe {
+      @apply(--google-youtube-iframe);
+    }
+
+    #container {
+      max-width: 100%;
+      max-height: 100%;
+      @apply(--google-youtube-container);
+    }
+
+    #thumbnail {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      @apply(--google-youtube-thumbnail);
+    }
+
+    .playicon {
+      visibility: visible;
+      position: absolute;
+      left: 45%;
+      top: 44%;
+      width: 8vw;
+      max-width: 80px;
+      cursor: pointer;
+      z-index: 1;
+      opacity: 0.7;
+      transition: opacity 0.3s ease;
+    }
+
+    .playicon:hover {
+      opacity: 1;
+    }
+
+    @media screen and (max-width: 767px) {
+      .playicon {
+        left: 43%;
+        top: 37%;
+        width: 12vw;
+        max-width: 200px;
+      }
+    }
+  </style>
+
   <template>
     <style>
       :host {
@@ -79,6 +144,7 @@
     </style>
     <div id="container" style$="{{_computeContainerStyle(width, height)}}">
       <template is="dom-if" if="{{thumbnail}}">
+        <img id="playicon" class="playicon" src="youtube-play-icon.svg" on-tap="_handleThumbnailTap" alt="youtube play button">
         <img id="thumbnail"
              src$="{{thumbnail}}"
              title="YouTube video thumbnail."
diff --git a/youtube-play-icon.svg b/youtube-play-icon.svg
new file mode 100644
index 0000000..1bf5548
--- /dev/null
+++ b/youtube-play-icon.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 461.001 461.001" style="enable-background:new 0 0 461.001 461.001;" xml:space="preserve">
+<path style="fill:#F61C0D;" d="M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728
+	c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137
+	C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607
+	c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>