feat(autoplay): Add autoplay property

README.md

@@ -26,6 +26,17 @@ To handle errors, you can pass a function to the `onError` prop:
   );
 ```
 
+To automatically play the video on page load:
+
+```javascript
+  var Vimeo = require('react-vimeo');
+
+  React.render(
+    <Vimeo videoId={ videoId } autoplay='true' />,
+    $mountNode
+  );
+```
+
 ## Behind the Scene
 
 There are some things that you should know about the component. The first one is the structure created inside by the component if you wish to stylize it.

docs/README.md

@@ -16,6 +16,7 @@ Interface props {
     onPlay?(data?: Object) => Void,
     onPlayProgress?(data?: Object) => Void,
     onSeek?(data?: Object) => Void,
+    autoplay?: Boolean = false,
 };
 ```
 
@@ -63,4 +64,7 @@ Called when video play has progressed
 ## onSeek?(data: Object) => Void
 Called when user seeks ahead in video
 
+## autoplay?: Boolean = false
+If true, video will automatically play
+
 Interactive api (play/pause actions, seek to `n`, etc..) to come in future versions

src/Vimeo.jsx

@@ -52,7 +52,8 @@ export default React.createClass({
     onSeek: PropTypes.func,
     playButton: PropTypes.node,
     videoId: PropTypes.string.isRequired,
-    playerOptions: PropTypes.object
+    playerOptions: PropTypes.object,
+    autoplay: PropTypes.bool
   },
 
   getDefaultProps() {
@@ -65,14 +66,16 @@ export default React.createClass({
 
     defaults.className = 'vimeo';
     defaults.playerOptions = { autoplay: 1 };
+    defaults.autoplay = false;
     return defaults;
   },
 
   getInitialState() {
+    console.log('autplay', this.props.autoplay);
     return {
       imageLoaded: false,
       playerOrigin: '*',
-      showingVideo: false,
+      showingVideo: this.props.autoplay,
       thumb: null
     };
   },