Add responsive and update bower version (#1)

Add responsive and fullbleed options from live-video

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "webrtc-video",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "authors": [
     "Will in China <email.will.in.china@gmail.com>",
     "Saad Elbeleidy <sbeleidy90@gmail.com>"

demo/index.html

@@ -19,6 +19,8 @@
           <label>Disable</label><input type="checkbox" checked="{{disable::change}}"><br>
           <label>Mirror</label><input type="checkbox" checked="{{mirror::change}}"><br>
           <label>Maintain Aspect Ratio</label><input type="checkbox" checked="{{ar::change}}"><br>
+          <label>Responsive</label><input type="checkbox" checked="{{responsive::change}}"><br>
+          <label>Fullbleed</label><input type="checkbox" checked="{{fullbleed::change}}"><br>
           <label>Width</label><input type="number" value="{{width::input}}" min="0"><br>
           <label>Height</label><input type="number" value="{{height::input}}" min="0"><br>
           <label>Volume</label><input type="range" min="0" max="1" step="0.05" value="{{volume::change}}"><br>
@@ -60,7 +62,9 @@
           volume="{{volume}}"
           css-filter="{{filter}}"
           canvas-filter="{{canvasFilter}}"
-          maintain-aspect-ratio="{{ar}}"></webrtc-video>
+          maintain-aspect-ratio="{{ar}}"
+          responsive="{{responsive}}"
+          fullbleed="{{fullbleed}}"></webrtc-video>
 
       </template>
     </dom-module>

webrtc-video.html

@@ -35,7 +35,9 @@
       css-filter="{{cssFilter}}"
       canvas-filter="{{canvasFilter}}"
       fps = {{fps}}
-      maintain-aspect-ratio="{{maintainAspectRatio}}"></live-video>
+      maintain-aspect-ratio="{{maintainAspectRatio}}"
+      responsive="{{responsive}}"
+      fullbleed="{{fullbleed}}"></live-video>
 </template>
 
 <script>
@@ -155,6 +157,22 @@
           notify: true,
           reflectToAttribute: true
         },
+        /**
+         * `responsive` determines whether the video element changes size depending on its parent element
+         */
+        responsive: {
+          type:Boolean,
+          notify: true,
+          reflectToAttribute: true
+        },
+        /**
+         * `fullbleed` determines whether the video element takes up the full size of the parent
+         */
+        fullbleed: {
+          type:Boolean,
+          notify: true,
+          reflectToAttribute: true
+        },
       }
     });
   </script>