Add loop prop

Resolves cookpete/react-player#57

README.md

@@ -76,6 +76,7 @@ Prop | Description | Default
 ---- | ----------- | -------
 `url` | The url of a video or song to play
 `playing` | Set to `true` or `false` to pause or play the media | `false`
+`loop` | Set to `true` or `false` to loop the media | `false`
 `volume` | Sets the volume of the appropriate player | `0.8`
 `width` | Sets the width of the player | `640`
 `height` | Sets the height of the player | `360`

src/players/Base.js

@@ -69,4 +69,10 @@ export default class Base extends Component {
       }
     }
   }
+  onEnded = () => {
+    if (this.props.loop) {
+      this.seekTo(0)
+    }
+    this.props.onEnded()
+  }
 }

src/players/FilePlayer.js

@@ -15,7 +15,7 @@ export default class FilePlayer extends Base {
     this.player.oncanplay = this.onReady
     this.player.onplay = this.onPlay
     this.player.onpause = () => this.props.onPause()
-    this.player.onended = () => this.props.onEnded()
+    this.player.onended = () => this.onEnded()
     this.player.onerror = e => this.props.onError(e)
     this.player.setAttribute('webkit-playsinline', '')
     super.componentDidMount()

src/players/SoundCloud.js

@@ -81,7 +81,7 @@ export default class SoundCloud extends Base {
     if (state === 'playing') this.onPlay()
     if (state === 'paused') this.props.onPause()
     if (state === 'loading') this.props.onBuffer()
-    if (state === 'ended') this.props.onEnded()
+    if (state === 'ended') this.onEnded()
   }
   play () {
     if (!this.isReady) return

src/players/Vimeo.js

@@ -81,7 +81,7 @@ export default class Vimeo extends Base {
     if (data.event === 'loadProgress') this.fractionLoaded = data.data.percent
     if (data.event === 'play') this.onPlay()
     if (data.event === 'pause') this.props.onPause()
-    if (data.event === 'finish') this.props.onEnded()
+    if (data.event === 'finish') this.onEnded()
     if (data.method === 'getDuration') {
       this.duration = data.value // Store for use later
       this.onReady()

src/players/YouTube.js

@@ -90,7 +90,7 @@ export default class YouTube extends Base {
     if (data === PLAYING) this.onPlay()
     if (data === PAUSED) this.props.onPause()
     if (data === BUFFERING) this.props.onBuffer()
-    if (data === ENDED) this.props.onEnded()
+    if (data === ENDED) this.onEnded()
     if (data === CUED) this.onReady()
   }
   play () {

src/props.js

@@ -3,6 +3,7 @@ import { PropTypes } from 'react'
 export const propTypes = {
   url: PropTypes.string,
   playing: PropTypes.bool,
+  loop: PropTypes.bool,
   volume: PropTypes.number,
   width: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]),
   height: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]),
@@ -31,6 +32,7 @@ export const propTypes = {
 
 export const defaultProps = {
   playing: false,
+  loop: false,
   volume: 0.8,
   width: 640,
   height: 360,