Use YouTube API for videoId and playList changes

[hoangvvo]

This PR uses YouTube Iframe API for updates of the videoId and playList props.

I tested in my project using somewhat like below.

import YoutubePlayer from "react-native-youtube-iframe";

let loadCnt = 0;

export default function Test() {
  const [videoId, setVideoId] = useState("foo");

  useEffect(() => {
    console.log("videoId", videoId);
  }, [videoId]);

  return (
    <YoutubePlayer
      play
      videoId={videoId}
      webViewProps={{
        onLoad() {
          console.log(`onLoad`, ++loadCnt);
        },
      }}
      forceAndroidAutoplay
    />
  );
}

With original react-native-youtube-iframe:

 LOG  videoId 7xVUg9GmDfg
 LOG  onLoad 1
 LOG  videoId TKkcsmvYTw4
 LOG  onLoad 2
 LOG  videoId BSzSn-PRdtI
 LOG  onLoad 3

with this fork:

 LOG  onLoad 1
 LOG  videoId 7xVUg9GmDfg
 LOG  videoId TKkcsmvYTw4
 LOG  videoId BSzSn-PRdtI
 LOG  videoId 0Kx3sobEBFE
 LOG  videoId kTJczUoc26U
 LOG  videoId 0EVVKs6DQLo

Screenrecorder-2021-09-11-03-41-26-709.mp4

ref: #176 (comment)

[hoangvvo]

I left some comments in the code but to reexplain some of the changes:

• remove videoId and playList from dep array of source useMemo since they will be handled with the new API
• remove initialPlayerParams because it causes useMemo to always be called due to new initialPlayerParams object identity on each render (https://github.com/LonelyCpp/react-native-youtube-iframe/blob/master/src/YoutubeIframe.js#L44). Also, it is "initial" anyway.

Also in the playlist change implementation, I manually do deep comparison for the sake of avoiding breaking changes because by the current doc array usage https://lonelycpp.github.io/react-native-youtube-iframe/component-props#playlist, new array identity is passed in every time causing unnecessary updates.

[hoangvvo]

Also, it would be helpful to include the code used in this gif https://raw.githubusercontent.com/LonelyCpp/react-native-youtube-iframe/master/website/static/img/demo.gif inside this repo for more convenient manual testing. Thanks!

[LonelyCpp]

@hoangvvo thanks for the PR!

let me know if you can make the suggested changes.

[hoangvvo]

@LonelyCpp Thanks for the review. I made the changes.