Use displayNames for players

Fixes cookpete/react-player#17
webmiraclepro · Dec 26, 2015 · 828caab · 828caab
1 parent 62d1e22
commit 828caab
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 1 deletion.
diff --git a/src/ReactPlayer.js b/src/ReactPlayer.js
@@ -7,6 +7,7 @@ import players from './players'
 const PROGRESS_FREQUENCY = 500
 
 export default class ReactPlayer extends Component {
+  static displayName = 'ReactPlayer'
   static propTypes = propTypes
   static defaultProps = defaultProps
   static canPlay (url) {
@@ -54,7 +55,7 @@ export default class ReactPlayer extends Component {
     const props = active ? { ...activeProps, ref: 'player' } : {}
     return (
       <Player
-        key={Player.name}
+        key={Player.displayName}
         youtubeConfig={youtubeConfig}
         soundcloudConfig={soundcloudConfig}
         vimeoConfig={vimeoConfig}

diff --git a/src/players/FilePlayer.js b/src/players/FilePlayer.js
@@ -7,6 +7,7 @@ const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm)$/
 const AUDIO_EXTENSIONS = /\.(mp3|wav)$/
 
 export default class FilePlayer extends Base {
+  static displayName = 'FilePlayer'
   static propTypes = propTypes
   static defaultProps = defaultProps
   static canPlay (url) {

diff --git a/src/players/SoundCloud.js b/src/players/SoundCloud.js
@@ -10,6 +10,7 @@ const RESOLVE_URL = '//api.soundcloud.com/resolve.json'
 const MATCH_URL = /^https?:\/\/(soundcloud.com|snd.sc)\/([a-z0-9-]+\/[a-z0-9-]+)$/
 
 export default class SoundCloud extends Base {
+  static displayName = 'SoundCloud'
   static propTypes = propTypes
   static defaultProps = defaultProps
   static canPlay (url) {

diff --git a/src/players/Vimeo.js b/src/players/Vimeo.js
@@ -18,6 +18,7 @@ const DEFAULT_IFRAME_PARAMS = {
 }
 
 export default class Vimeo extends Base {
+  static displayName = 'Vimeo'
   static propTypes = propTypes
   static defaultProps = defaultProps
   static canPlay (url) {

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
@@ -18,6 +18,7 @@ const DEFAULT_PLAYER_VARS = {
 let count = 0
 
 export default class YouTube extends Base {
+  static displayName = 'YouTube'
   static propTypes = propTypes
   static defaultProps = defaultProps
   static canPlay (url) {