Youtube playlist fixes

Follow up to cookpete/react-player#541
webmiraclepro · Dec 31, 2018 · 99a0abe · 99a0abe
1 parent f90a9bf
commit 99a0abe
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/demo/App.js b/src/demo/App.js
@@ -221,6 +221,7 @@ class App extends Component {
               <td>
                 {this.renderLoadButton('https://www.youtube.com/watch?v=oUFJJNQGwhk', 'Test A')}
                 {this.renderLoadButton('https://www.youtube.com/watch?v=jNgP6d9HraI', 'Test B')}
+                {this.renderLoadButton('https://www.youtube.com/playlist?list=PLDEcUiPhzbjI217qs5KgMvbvx6-fgY_Al', 'Playlist')}
               </td>
             </tr>
             <tr>

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
@@ -12,7 +12,6 @@ const MATCH_PLAYLIST = /list=([a-zA-Z0-9_-]+)/
 function parsePlaylist (url) {
   if (MATCH_PLAYLIST.test(url)) {
     const [, playlistId] = url.match(MATCH_PLAYLIST)
-    console.log(playlistId)
     return {
       listType: 'playlist',
       list: playlistId
@@ -31,6 +30,10 @@ export class YouTube extends Component {
     const { playerVars } = config.youtube
     const id = url && url.match(MATCH_URL)[1]
     if (isReady) {
+      if (MATCH_PLAYLIST.test(url)) {
+        this.player.loadPlaylist(parsePlaylist(url))
+        return
+      }
       this.player.cueVideoById({
         videoId: id,
         startSeconds: parseStartTime(url) || playerVars.start,
-Original file line number
+Diff line change
@@ Expand Up / @@ -221,6 +221,7 @@ class App extends Component { @@
                   <td>
                     {this.renderLoadButton('https://www.youtube.com/watch?v=oUFJJNQGwhk', 'Test A')}
                     {this.renderLoadButton('https://www.youtube.com/watch?v=jNgP6d9HraI', 'Test B')}
+                    {this.renderLoadButton('https://www.youtube.com/playlist?list=PLDEcUiPhzbjI217qs5KgMvbvx6-fgY_Al', 'Playlist')}
                   </td>
                 </tr>
                 <tr>
@@ Expand Down @@