hulyak / youtube-player

Home Page:https://my-youtube-player.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction

  • Create your own personal simple Youtube browser application that allows you to search for and play videos.

Requirements

  • At the top of application, the user can search for videos by entering a search term and hitting enter / return key.
  • Search results are shown on the right hand side (up to 5 videos) listed as thumbnails with the video title.
  • User can click on any of the search results and the video is featured on the left side as a video player with video title and description shown under it.
  • User can click the play icon on the featured video to play the video.
  • Add a default search term to load videos and show the first video from the result as featured video
  • Use the YouTube API to show more videos from the same creator under featured video as recommendations.

References

  • Make calls to Youtube API easily using Axios
  • Learn to use iFrame to play YouTube videos

Installation

npm install

# start the application
npm start

About

https://my-youtube-player.netlify.app/


Languages

Language:JavaScript 69.0%Language:HTML 28.6%Language:CSS 2.4%