react-youtube-playlist

Usage is as follows:

import YouTubePlaylist from 'react-youtube-playlist';
import 'react-youtube-playlist/dist/styles'
 
const App = () => {
  return (
    <YouTubePlaylist
      width={'85%'}
      height={390}
      api_key='YourGoogleApiKey'
      playlist_id='YourYoutubePlaylistID'
      show_thumbnails
    />
  )
}
 

Available Props

api_key	String : Your Google API key
playlist_id	String : Your YouTube playlist ID
width	String | Number : Can be a percent or number (pixels)
height	String | Number : Can be a percent or number (pixels)
show_thumbnails	Bool : Set to false if you don't want the thumbnail images
container_class	String : A class name for the containing DOM node
iframe_container_class	String : A class name for the iframe container DOM node
frame_border	Number : iframe border size
scrolling	Bool : Enable/Disable iframe scrolling

<YouTubePlaylist
  api_key={String}
  width={300}
  height={400}
  iframe_style={''}
  show_thumbnails={true}
  iframe_container_class={''}
  video_list_container_class={''}
/>

Note : You must include bootstrap css in your project for some of the UI in this component to work.