YouTube APIの基本的な使い方が分かりません。

ご覧いただきありがとうございます。
現在サイト内にYouTubeの埋め込みをしようとして詰まっております。

何をしたいか

YouTube APIを使ってYouTubeをサイト内に埋め込みたい

出来てること

YouTubeの埋め込みと再生などビジュアルの部分は出来ています。

出来ないこと

現在YouTube APIをHTMLファイル内に記述しているため、
JSファイル内に記述したいのですが、JSファイル内に記述すると動画が埋め込まれなくなります。
JSファイル内に記述してある別のプログラムは実行されているのでHTMLファイルとJSファイルが接続されてない訳でもないようです。

知りたいこと

YouTube APIをJSファイル内で管理する方法

コード説明

success.htmlは動くのですが、
下のnotSuccessの組み合わせが動きません。
ご教授のほど、どうぞよろしくお願いいたします。

success
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <title>YouTube</title>
8</head>
9<body>
10    <div id="video" class="video"></div>
11    <script>
12        {   const youtubeVideoID = "bAGgyJBE8IM";
13            const tag = document.createElement('script');
14            tag.src = "https://www.youtube.com/iframe_api";
15            const iframePlayerApiScriptTag = 　　　　　　document.getElementsByTagName('script')[0];
16            iframePlayerApiScriptTag.parentNode.insertBefore(tag, iframePlayerApiScriptTag);
17
18            function onYouTubeIframeAPIReady(){
19            const player = new YT.Player('video', {
20            videoId: youtubeVideoID,
21            playerVars: {
22            'modestbranding': 1,
23            'autohide': 1,
24            'controls': 1,
25            'showinfo': 0,
26            'rel': 0,
27            'autoplay': 0
28            }
29            });
30            }
31        }
32        </script>
33</body>
34</html>

notSuccess
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <title>YouTube</title>
8</head>
9<body>
10    <div id="video" class="video"></div>
11    <script src="./js/index.js"></script>
12</body>
13</html>

notSuccess
1
2(()=> {
3    const tag = document.createElement('script');
4    tag.src = "https://www.youtube.com/iframe_api";
5    const firstScriptTag = document.getElementsByTagName('script')[0];
6    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
7
8    function onYouTubeIframeAPIReady(){
9    const youtubeVideoID = "bAGgyJBE8IM";
10    const player = new YT.Player('video', {
11    videoId: youtubeVideoID,
12    playerVars: {
13    'modestbranding': 1,
14    'autohide': 1,
15    'controls': 1,
16    'showinfo': 0,
17    'rel': 0,
18    'autoplay': 0
19    }
20    });
21    }
22    
23})();