Create a HTML5 video playing youtube video

[SherryH]

1. can't play mkv file. Next time when downloading youtube videos, load audio only.
2. cant just put youtube src into the html video tag to play it
3. Looking at React Player, there is a way around and I will need to look into the Youtube API.

TODO:

• Look at Youtube API, create an embedded youtube video and
• read the ReactPlayer code, think about how best to destruct something similar to it?

[SherryH]

Q: When looking at React-Player, react-youtube, youtube-player, they are all using YouTube Iframe API.

Q: How to use Youtube Iframe API?

• Load the iframe API by loading https://www.youtube.com/iframe_api in script tag.
• Then we get the global YT object. it will create an iFrame and Youtube Player after the API code downloads
• use 'load-script' library to load the SDK

[SherryH]

From Jemi:

Work on a foundamental HTML5 video player first. Make it playing a simple short mp4 file to start with.

• Use it to learn the common memes/ terminology
• How to start/ stop video, the various state of a video/ audio playing
• then make it play just a snippet of a video (using a form control)
• Forget about refactoring, or abstraction. Make a working version first. Then work with Jemi

To do async calls:

• Use Suspense getter and ErrorBoundary. There are 3 potential states for async: error, success and loading.
• to see how to load script by appending the Githubissues.
• Githubissues is a development platform for aggregating issues.